Jetpack Compose中Preview未像Emulator一样正常显示该如何解决

• 优先补全@Preview注解的配置参数，绝大多数显示偏差都是配置缺失导致的，可直接参考以下模板配置：

@Preview(
    showBackground = true, // 开启背景显示，默认预览背景为透明，和模拟器自带背景的显示效果差异极大
    showSystemUi = true, // 显示状态栏、底部导航栏等系统UI元素，和真机/模拟器的页面布局边界对齐
    device = "pixel_5", // 可直接指定和测试用模拟器同款的预设设备，也可自定义尺寸参数和你的模拟器完全匹配
    fontScale = 1f, // 对齐系统字体缩放比例，避免预览和模拟器的字体大小不一致
    uiMode = Configuration.UI_MODE_NIGHT_NO // 可指定亮/暗模式，和你模拟器的系统模式对齐
)
@Composable
fun 你的页面预览函数() {
    // 必须嵌套你项目全局使用的自定义主题，比如新建项目默认生成的`XXTheme`，否则颜色、字体样式等效果会和实际运行时完全不同
    你的项目主题名称 {
        // 放置你要预览的页面组件
    }
}

• 如果你在组件中使用了动态颜色、ViewModel、LocalContext等依赖运行时上下文的变量，需要在预览函数中手动提供静态模拟值，预览环境没有完整的App运行时上下文，缺值会导致预览加载失败或者显示异常。
• 若预览加载空白或报错，先清理缓存重试：点击预览界面顶部的刷新按钮，或者依次执行Android Studio顶部菜单栏的Build -> Clean Project、Build -> Rebuild Project，缓存异常是预览出问题的高频原因。
• 检查版本匹配情况：低于Hedgehog版本的Android Studio对高版本Compose的预览支持存在大量已知bug，建议升级到最新稳定版Android Studio，同时将项目内的Compose相关依赖版本统一对齐到官方稳定版。

内容的提问来源于stack exchange，提问作者Baish Masirov