GOOGLE ADS

viernes, 22 de abril de 2022

Hacer que el widget de texto se reduzca a la línea más larga cuando el texto se ajusta a varias líneas

¿Es posible reducir un Textwidget 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:

ingrese la descripción de la imagen aquí

Pero lo que quiero es esto:

enter image description here

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 Textwidget 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

Flutter: error de rango al acceder a la respuesta JSON

Estoy accediendo a una respuesta JSON con la siguiente estructura. { "fullName": "FirstName LastName", "listings...