Sto cercando di spaceevenly
un Icon()
e un AutoSizeText()
in un Row()
.
Quando la quantità è lungo come si può vedere nelle immagini allegate rende come previsto, ma quando l'importo è pari a zero o molto corto, il AutoSizeText()
è essere centrati, ma in questo modo, con la stessa distanza dai bordi non è più mantenuto. C'è una distanza supplementare causato dalla centratura. Non so come risolvere questo problema.
Edit. Se non fosse chiaro, mi riferisco alla rosa shopping bag icona e la quantità mostrato nel "Riepilogo Settimanale" sezione. Se si guarda al Ristorante Icona e il suo importo, si può notare come essi non sono centrate, sono più vicino al bordo sinistro.
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(),
],
),
)