Set Button text color – Android Jetpack Compose
To set text color for Button in Android Jetpack Compose, you can set the colors parameter with the required ButtonColors instance. We can create a ButtonColors instance using ButtonDefaults.buttonColors(). To this buttonColors(), specify the contentColor parameter with the required Color value.
A sample code snippet to set a specific RGB text color for the Button composable is given below.
Button(
onClick = { },
colors = ButtonDefaults.buttonColors(
//set with required Color value
contentColor = Color(red = 255, green = 100, blue = 100)
)
) {
Text(text = "Click Me")
}
Example Android application with Button text color
Let us display a Button in the Android UI, using Button composable. Set the Button’s text or content color to Color.Black.
MainActivity.kt
package com.example.myapplication
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Button
import androidx.compose.material3.ButtonDefaults
import androidx.compose.material3.Text
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import com.example.myapplication.ui.theme.MyApplicationTheme
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
MyApplicationTheme {
Column(
modifier = Modifier
.fillMaxWidth()
.padding(vertical = 20.dp),
horizontalAlignment = Alignment.CenterHorizontally) {
Button(
onClick = { },
colors = ButtonDefaults.buttonColors(
//set with required Color value
contentColor = Color.Black
)
) {
Text(text = "Click Me")
}
}
}
}
}
}
Screenshot
Let us play with some other colors or Button’s content or text.
We can also set a custom RGB color for the Button’s content or text using Color().
Button(
onClick = { },
colors = ButtonDefaults.buttonColors(
//set with required Color value
contentColor = Color(red = 255, green = 100, blue = 100)
)
) {
Text(text = "Click Me")
}