Jetpack Compose 中按钮的背景颜色答案

【问题标题】：background color on Button in Jetpack ComposeJetpack Compose 中按钮的背景颜色
【发布时间】：2021-01-30 05:15:06
【问题描述】：

Button(backgroundColor = Color.Yellow) {
    Row {
        Image(asset = image)
        Spacer(4.dp)
        Text("Button")
    }
}

我不知道为什么我不能在 Button 上使用背景颜色。

我遵循了 Compose Layout 代码实验室。
backgroundColor 和 Image() 中的资产有问题。

【问题讨论】：

PS：我也是 stackoverflow 的新手。所以，请告诉我我做错了什么:)

标签： android android-button android-jetpack-compose android-compose-button

【解决方案1】：

使用在 1.0.0-alpha09 到 alpha11 中可用的 ButtonDefaults

Button(
   onClick = {},
   colors = ButtonDefaults.buttonColors(backgroundColor = Color.Yellow)
) {
   /**/
}

旧版本

Button 的 backgroundColor 不再适用于 1.0.0-alpha7

改用下面的

Button(
   onClick = {},
   colors = ButtonConstants.defaultButtonColors(backgroundColor = Color.Yellow)
) {
   /**/
}

【讨论】：

直觉告诉我Modifier.background(Color) 应该在这里工作，但谷歌还有其他计划......

【解决方案2】：

您可以使用ButtonDefaults.buttonColors

Button(
     onClick = {  },
     colors = ButtonDefaults.buttonColors(
          backgroundColor = Color.White,
          contentColor = Color.Red)
)

【讨论】：

如何将onClick传递到另一个屏幕？
@FadelFarinsqi 例如，只需在 Android 中将startActivity(intent) 用作普通的Activity

【解决方案3】：

ButtonConstants.defaultButtonColor 已弃用 1.0.0-alpha09 使用：

 colors = ButtonDefaults.buttonColors(backgroundColor = Color.Yellow)

【讨论】：

【解决方案4】：

撰写背景按钮颜色 创建一个变量 mainButtonColor 并定义背景颜色和内容颜色

implementation 'androidx.compose.material3:material3:1.0.0-alpha02'

    val mainButtonColor = ButtonDefaults.buttonColors(
        containerColor = androidx.compose.ui.graphics.Color.Red,
        contentColor = MaterialTheme.colorScheme.surface
    )

    Row {
        Button(colors = mainButtonColor, onClick = {}, modifier = Modifier.padding(8.dp)) {
            Text(text = "Custom colors")
        }
    }

【讨论】：