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

Question

我使用新的 Compose 功能（官方文档）从 Android Studio 模板构建了一个应用程序。

预览如下所示：

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

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

Answer 1

Jetpack Compose Preview仅显示具有注释的函数中包含的元素，而不是整个设备显示。
您设置了@PreviewGreeting 功能，其中仅包含一个Text()元素，这就是您在预览面板中得到的。
你可以Text用Columnor包裹你的，Box并告诉 Compose 用 . 填充整个屏幕modifier。

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

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