¿Es posible reducir un Text
widget al ancho de la línea más larga cuando el texto se ajusta porque se vuelve demasiado largo para caber en una sola línea?
Básicamente tengo este widget personalizado:
class MyWidget extends StatelessWidget {
final String text1;
final String text2;
const MyWidget({Key? key, this.text1='', this.text2=''}): super(key: key);
@override
Widget build(BuildContext context) {
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Container(
color: Colors.lightBlue,
child: Center(child: Text(text1))
)
),
Expanded(
child: Container(
color: Colors.lightGreen,
alignment: Alignment.centerRight,
child: Text(text2, textAlign: TextAlign.start)
)
)
]
);
}
}
Así es como se ve con un texto corto y uno largo:
Pero lo que quiero es esto:
Tenga en cuenta que no quiero que el texto esté alineado a la derecha: las líneas envueltas deben estar alineadas a la izquierda, pero todo el Text
widget debe reducirse a la línea más larga.
Solución del problema
puedes envolver texto con FittedBox
FittedBox(
fit: BoxFit.fitWidth,
child: Text(
"some text"
),),
No hay comentarios.:
Publicar un comentario