Material Theme Builder生成主题在Jetpack Compose中不生效问题

针对你遇到的Material Theme Builder生成主题后组件颜色不符合预期的问题，以下是具体排查点和解决方法：

1. 动态颜色（Dynamic Color）覆盖了自定义主题 #

这是最常见的原因：Material Theme Builder生成的代码默认开启了动态颜色适配，当设备系统版本≥Android 12（API 31）时，会优先使用系统动态颜色方案，直接覆盖你自定义的红色主题，导致Button显示系统默认蓝色、导航按钮显示灰色。

解决方法： #

在应用主题时强制关闭动态颜色：

setContent {
    AppTheme(dynamicColor = false) { // 关闭动态颜色
        App(modifier = Modifier.fillMaxSize())
    }
}

或者修改AppTheme函数的默认参数，将dynamicColor默认值设为false：

@Composable
fun AppTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    dynamicColor: Boolean = false, // 修改默认值
    content: @Composable () -> Unit
) {
    // ... 原有主题逻辑
}

2. 主题ColorScheme未正确映射Primary色 #

检查生成的LightColorScheme（或DarkColorScheme）是否将你定义的primaryLight正确赋值给ColorScheme.primary：

val LightColorScheme = lightColorScheme(
    primary = primaryLight, // 确认这里是primaryLight，而非secondary或其他色值
    onPrimary = onPrimaryLight,
    primaryContainer = primaryContainerLight,
    // ... 其他颜色映射
)

如果这里赋值错误，组件会使用错误的颜色作为主色调。

3. NavigationSuiteScaffold导航按钮默认使用OnSurface色 #

NavigationSuiteScaffold的顶部导航按钮（如返回键）默认使用ColorScheme.onSurface色值，而非Primary色。如果你的主题中onSurface是灰色，按钮就会显示灰色。

解决方法： #

自定义TopAppBar的颜色参数，让导航图标使用Primary色：

NavigationSuiteScaffold(
    topBar = {
        TopAppBar(
            title = { Text("你的页面标题") },
            navigationIcon = {
                IconButton(onClick = { /* 导航逻辑 */ }) {
                    Icon(Icons.Default.ArrowBack, contentDescription = "返回")
                }
            },
            colors = TopAppBarDefaults.topAppBarColors(
                navigationIconContentColor = MaterialTheme.colorScheme.primary
            )
        )
    }
) {
    // 页面内容
}

4. 对比materialkolor生成代码的差异 #

materialkolor生成的主题代码默认关闭了动态颜色适配，且组件样式更偏向直接使用自定义Primary色，这也是它能正常显示红色的原因。你可以对比两份生成代码的AppTheme实现和ColorScheme映射逻辑，确认差异点。

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