如何更改 SmallTopAppBar、CenterAlignedTopAppBar、MediumTopAppBar 和 LargeTopAppBar 的背景颜色

Question

如何使用颜色资源更改 Jetpack Compose 中 MD3 顶部应用栏的背景颜色？

可以理解，colors 属性 是可用的，但尚不清楚上述用途。

Color.kt

val MyColor = Color(0,5,5,255)

MainActivity.kt

MediumTopAppBar(title = {Text(text = "")})

Answer 1

colors 参数应该这样使用。

这些东西通常有一个Default Companion，它提供了修改颜色的便捷功能。例如，顶部栏颜色的默认随播广告只是 TopAppBarDefaults.

由于您指的是中柱，我们将使用以下内容

TopAppBarDefaults.mediumTopAppBarColors(
containerColor = Color(...) //Add your own color here, just to clarify.
)

这些函数通常默认提供一个containerColor和一个contentColor参数。

解决您的问题是...Super-easy，几乎没有什么不便。