Jetpack Compose Desktop中MaterialTheme.colors.background设置不生效求助

问题原因 #

• MaterialTheme 仅作为主题配置的承载体，本身不会渲染任何视图内容，也不会主动给窗口添加背景色。你需要在MaterialTheme的作用域内添加继承主题样式的容器组件，配置的深色配色才会生效。
• 官方Material组件库中，Surface、Scaffold这类根容器组件会默认使用MaterialTheme.colors.background作为自身背景色，嵌套这类容器即可让主题配色生效。

修正后代码 #

import androidx.compose.desktop.*
import androidx.compose.material.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.*
import androidx.compose.foundation.layout.fillMaxSize

fun main() = Window(
    title = "Window",
    resizable = false,
    size = IntSize(1200, 800),
) {
    MaterialTheme(colors = darkColors()) {
        // Surface占满窗口尺寸，自动应用当前主题的background配色
        Surface(modifier = Modifier.fillMaxSize()) {
            // 后续所有页面内容都写在这个作用域内即可
        }
    }
}

补充说明 #

如果不需要使用Material风格的容器，也可以直接在MaterialTheme内添加Box组件，通过background修饰符手动指定MaterialTheme.colors.background作为背景色，效果和使用Surface一致。

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