Jetpack Compose 手机屏幕布局预览

Posted 2023-04-13

【中文标题】Jetpack Compose 手机屏幕布局预览

【英文标题】：Jetpack Compose Phone Screen Layout Preview

【发布时间】：2021-06-03 00:43:42

【问题描述】：

我是 Jetpack Compose 的新手。我创建了一个应用程序，作为预览，我只获得视图，在我的例子中是文本视图。

如何预览屏幕而不是单个元素？

我想要这样的东西：

我正在使用 android Studio 2020.3.1 Canary 8。

【问题讨论】：

只需构建一个包含更多元素的可组合函数。

但我不会在屏幕预览中看到它们。我想要类似的东西blog.novoda.com/content/images/2016/10/…

使用@Preview(showSystemUi = true)

【参考方案1】：

使用注解@Preview(showSystemUi = true)。

更多关于预览注释here的信息。