为什么 Android Studio Kotlin Compose Template 在应用程序运行时显示文本错误？

Question

我使用新的 Compose 功能 (official docs) 从 Android Studio 模板构建了一个应用。

预览如下所示：

但是，当我运行应用程序时，它看起来像这样（文本要小得多并且不在视图中居中）：

这不是编辑器中 UI 的实际预览吗？ 有没有办法在 Android Studio 中真正预览 Compose？

Answer 1

Jetpack Compose Preview 只显示有注释的函数中包含的元素，而不是整个设备显示。
您在 Greeting 函数上设置了 @Preview，它只包含一个 Text() 元素，这就是您在预览面板中得到的。
你可以用Column 或Box 包裹你的Text，然后告诉 Compose 用modifier 填满整个屏幕。

Box(
   Modifier.fillMaxSize()
){
   Text(text = "Hello $name!")
}

请注意，即使在您的设备上，文本也不会填满整个屏幕，它只会放置在第一个可用空间中。一切正常。