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

Question

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

可以理解，有一个

colors

属性可用，但不清楚上面的用途。

颜色.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

参数。

解决您的问题...超级简单，几乎没有任何不便。

Answer 2

如果您使用

material3

并且更改背景颜色不起作用，则

androidx.compose.material3:material3

中存在问题，您需要将其升级到

androidx.compose.material3:material3:1.2.0-alpha06

或更新版本以修复

mediumTopAppBar

或

 中的背景问题largeTopAppBar

。