Estoy tratando de spaceevenly
un Icon()
y un AutoSizeText()
en un Row()
.
Cuando la cantidad es largo como se puede ver en las imágenes adjuntas se muestra como se esperaba, pero cuando la cantidad es cero o muy corto, el AutoSizeText()
es estar centrados, pero esto provoca que a la misma distancia de los bordes ya no se mantiene. Hay una distancia adicional causada por el centro. No sé cómo solucionar este problema.
Edit. Si no estaba claro, me estoy refiriendo a la rosa de compras ícono de la bolsa y la cantidad que se mostró en el "Riepilogo Settimanale" sección. Si usted mira en el Restaurante Icono y su cantidad, se puede observar cómo estos no están centrados, están más cerca de la orilla izquierda.
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20),
),
width: size.width * 0.3,
height: size.height,
// height: size.height * 0.055,
child: Row(
children: [
Spacer(),
Expanded(
flex: 3,
child: Container(
child: LayoutBuilder(
builder: (context, constraint) {
return Icon(
icona,
color: colore,
size: constraint.biggest.width * 1,
);
},
),
),
),
Spacer(),
Expanded(
flex: 6,
child: Center(
child: AutoSizeText(
importo,
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: colore,
),
maxLines: 1,
),
),
),
Spacer(),
],
),
)