Hintergrundfarbe auf Schaltfläche in Jetpack Compose

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

Ich kann nicht herausfinden, warum ich keine Hintergrundfarbe verwenden kann Button.

Ich habe die Compose Layout Codelabs befolgt.
Es liegt ein Problem vor backgroundColor und Asset in Image().

Verwenden ButtonDefaults die in 1.0.0-alpha09 bis alpha11 verfügbar ist

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

ALTE VERSION

Das backgroundColor zum Button nicht mehr einarbeiten 1.0.0-alpha7

Verwenden Sie stattdessen das Folgende

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

Du kannst den … benutzen ButtonDefaults.buttonColors

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

Das ButtonConstants.defaultButtonColor ist veraltet bei 1.0.0-alpha09 verwenden :

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

Update-Version 1.3.0 :

colors = ButtonDefaults.buttonColors(containerColor = Color.Yellow),

Hintergrundfarbe der Schaltflächen verfassen
Erstellen Sie eine Variable mainButtonColor und definieren Sie Hintergrundfarbe und Inhaltsfarbe

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")
        }
    }

Benutzerdefinierte Farben

• Um eine benutzerdefinierte Farbe zu erstellen, benötigen Sie den RGB-Wert dieser Farbe.

         Button(
            onClick = {  },
            colors = ButtonDefaults.buttonColors(
                    backgroundColor = Color(red = 255, green = 169, blue = 0)
                )
            ) {}

• backgroundColor = Color(red = 255, green = 169, blue = 0) So ändern wir die Hintergrundfarbe der Schaltfläche in eine benutzerdefinierte Farbe