Question

我刚刚开始进行Jetpack撰写，并下载了 Jetnews 的样本。

当我打开 MainActivity 或 JetnewsApp.kt 时，我看不到Composable功能的预览，我也添加了 @Preview 批注，但是无法看到实时预览。

谁能帮助我找到实时预览。
预先感谢。

Answer 1

如果在@Preview类中添加JetnewsApp批注后，您的预览从未显示。以我为例，在添加@Preview之后，我关闭了项目，然后再次打开了项目，在Macbook pro中对我来说工作正常。

Answer 2

在 JetnewsApp 中，SelectTopicButton.kt仅具有@Preview()标签。在任何文件中，如果我们有@Preview()，它将自动在右侧显示预览。

在显示装饰模式下，您可以预览带有移动图像的项目，以及它在屏幕上的外观。

要获得实时预览，我们需要在@Preview标记之前添加@Composable标记，并且乐趣中必须呈现一些东西。

我曾尝试在JetnewsApp.kt中添加@Preview()和@Preview("MyScreen preview")并显示预览。

Answer 3

更新：

在此之前，我们必须在@Preview上添加JetnewsApp以获得预览。

@Preview
@Composable
fun JetnewsApp() { ... }

您只需要选中“显示装饰” 选项以显示实际布局预览即可。

您可以使用相同的选项切换两个预览。

检查下图：

更新2：

如果一开始不起作用，请同时使Android Studio无效并重新启动。请记住，这仍在开发中。

Answer 4

btw当前@Preview仅可用于@Composable函数没有参数。所以请再次检查您的可组合功能