用法:
- 一个文件可以有多个Composable添加@Preview,预览面板可以同时看到
- 支持的部分参数:
// 设置预览的界面带有背景颜色
@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一样运行到手机或模拟器上。