0
416
VistasCómo alinear dos textos de diferentes filas en Jetpack Compose
Tengo 3 textos en una fila y luego otros tres en otra fila dentro de un LazyColumn
Quiero alinear el "texto" en el centro de la primera fila con el valor "15.025" en la segunda fila
he usado
TextAlign.Centeren ambos Textos y
horizontalArrangement = Arrangement.SpaceBetween, verticalAlignment = Alignment.CenterVerticallyconfigure esto en la Fila pero no funciona. ¿Algún consejo, por favor?
Soy bastante nuevo en Compose, perdón por la pregunta básica.
2 Respuestas
Responde la pregunta0
Puede usar Modifier.weight para hacer que el ancho de la "vista izquierda" sea igual al ancho de la "vista derecha". Hará que el texto del medio en cada fila siempre esté centrado.
Row(Modifier.fillMaxWidth()) { Text( text = "Start", modifier = Modifier.weight(1f) ) Text( text = "Center", textAlign = TextAlign.Center, // you can also fixed the width of center text ) Text( text = "End", modifier = Modifier.weight(1f), textAlign = TextAlign.End ) } Si el contenido de su texto es siempre corto, también puede usar Box para que el texto del medio siempre esté centrado.
Box(Modifier.fillMaxWidth()) { Text(text = "Start", modifier = Modifier.align(Alignment.CenterStart)) Text(text = "Center", modifier = Modifier.align(Alignment.Center)) Text(text = "End", modifier = Modifier.align(Alignment.CenterEnd)) }0
Esto es lo que quería lograr y con la ayuda de @Linh lo logré.
Así es como lo hice.
Column(Modifier.fillMaxSize()) { Row(Modifier.fillMaxWidth()) { Text( text = "Start", modifier = Modifier.weight(1.5f), textAlign = TextAlign.Start ) Text( text = "Center", modifier = Modifier.weight(1f), textAlign = TextAlign.Start ) Text( text = "End", modifier = Modifier.weight(1f), textAlign = TextAlign.End ) } }Gracias de nuevo por la ayuda.