Jetpack Compose 中按钮的背景颜色

Question

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

我不明白为什么我不能在 Button 上使用背景颜色我在 Compose Layout codelabs 上遵循了 Image() 中的 backgroundColor 和资产问题。请帮我弄清楚如何使用Buton，我还是新手

Answer 1

使用ButtonDefaults1.0.0-alpha09 到 alpha11 中可用的

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

旧版本

将backgroundColor用于Button在不再工作1.0.0-alpha7

改用下面的

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

Answer 2

编写背景按钮颜色 创建变量 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")
        }
    }

Answer 3

有了1.0.x您可以使用ButtonDefaults.buttonColors

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

Answer 4

在ButtonConstants.defaultButtonColor被弃用的1.0.0-alpha09使用：

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

Answer 5

该ButtonDefaults.buttonColors函数返回一个ButtonColors对象，而不是布尔值。因此，您需要将返回的ButtonColors对象传递给 Button 可组合项的颜色参数。

ButtonDefaults.buttonColors以下是如何设置按钮背景颜色的示例：

    Button(
        onClick = { /* Do something */ },
        colors = ButtonDefaults.buttonColors(backgroundColor = Color(0xFFCA1212))
    ) {
        Text("Compose")
    }

此代码将按钮的背景颜色设置为并显示按钮中的#CA1212文本。Compose请注意，您需要导入androidx.compose.material.Button并androidx.compose.material.ButtonDefaults使用此代码。