Compose预览-@Preview用法

示例.png

用法：

  1. 一个文件可以有多个Composable添加@Preview，预览面板可以同时看到
  2. 支持的部分参数：
//  设置预览的界面带有背景颜色
@Preview(showBackground = true, backgroundColor = 0xFF00FF00)
// 设置预览的界面大小
@PreView(widthDp = 50, heightDp = 50)
// 设置预览的语言
@Preview(locale - "fr-rFR")
// 显示状态栏
@Preview(showSystemUi = true)
// 启动夜间模式
@Preview(showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES)
// Pixel 设备中预览
@Preview(device = Devices.PIXEL)

tip：

  • Composable有参数且缺少默认值时无法预览
  • 预览效果编译之后才会生效
  • 动态预览模式可以直接预览动画、测试手势交互。
  • 支持将当前预览页面像App一样运行到手机或模拟器上。
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容