在预览中使用如下代码设置主题:
@Composable fun PreviewContent() { val isDarkTheme = isSystemInDarkTheme() MyAppTheme(darkTheme = isDarkTheme) { // your composable content here } }
MyAppTheme定义:
@Composable fun MyAppTheme(darkTheme: Boolean = isSystemInDarkTheme(), content: @Composable () -> Unit) { MaterialTheme( colors = if (darkTheme) DarkColors else LightColors, typography = Typography, shapes = Shapes, content = content ) }
需要注意的是,使用UI_MODE_NIGHT_YES在预览中不起作用,因此在预览中使用isSystemInDarkTheme()来检测系统主题是否为暗色主题。