Am încercat să spaceevenly
o Icon()
și o AutoSizeText()
într-un Row()
.
Atunci când valoarea este de mult cum puteți vedea în imaginile atașate se face după cum era de așteptat, dar atunci când valoarea este zero sau foarte scurt, AutoSizeText()
este centrat, dar cauzele care au aceeași distanță față de margini nu mai este menținută. Există o distanță suplimentară cauzată de centrare. Nu știu cum de a repara acest lucru.
Edit. Dacă nu era clar, mă refer la roz pictogramă geantă de cumpărături și suma arătat în "Riepilogo Settimanale" secțiune. Dacă te uiți la Restaurant Icon și valoarea sa, se poate observa cum ei nu sunt centrate, ele sunt mai aproape de marginea din stânga.
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(),
],
),
)