0
709
Views¿Cómo cambiar el color de la pestaña presionada en TabRow en Android Jetpack Compose?
Tengo un ejemplo simple de Jetpack Compose TabRow en Kotlin de la documentación , donde solo cambié un texto y subrayé el color. Pero hay un color de fondo naranja cuando se presiona la pestaña. Quiero hacerlo transparente.
var state by remember { mutableStateOf(0) } val titles = listOf("TOP", "NEW", "HOT") Column { TabRow( contentColor = MaterialTheme.colors.primaryVariant, // This is underline's color selectedTabIndex = state ) { titles.forEachIndexed { index, title -> Tab( selectedContentColor = MaterialTheme.colors.primaryVariant, unselectedContentColor = MaterialTheme.colors.secondary, text = { Text(title) }, selected = state == index, onClick = { state = index } ) } } Text( modifier = Modifier.align(Alignment.CenterHorizontally), text = "Text tab ${state + 1} selected", style = MaterialTheme.typography.body1 ) }2 answers
Answer question0
En este momento, puede configurar backgroundColor para pestañas como esta:
TabRow( selectedTabIndex = state, ... backgroundColor = Color.White )0
Si por color pulsado te refieres a esta pestaña,
Esto es creado por el color ondulado de la Tab .
Este color se vería afectado por el atributo selectedContentColor en Tab .
Pero, incluso si especifica Transparent , verá un efecto dominó grisáceo.
Modifique el atributo para que coincida con el color de cierre satisfactorio según sea necesario.
El código que crea el efecto dominó.
// The color of the Ripple should always the selected color, as we want to show the color // before the item is considered selected, and hence before the new contentColor is // provided by TabTransition. val ripple = rememberRipple(bounded = true, color = selectedContentColor)Como se trata de un detalle de implementación interna, no podemos deshabilitarlo. ()