Snažím sa spaceevenly
e Icon()
a AutoSizeText()
v Row()
.
Keď výška je dlho, ako môžete vidieť na priložených obrázkov robí, ako sa očakávalo, ale keď hodnota je nula alebo celkom krátke, AutoSizeText()
je zarovnaný na stred, ale to spôsobuje, že v rovnakej vzdialenosti od hrany už nie je udržiavaná. Tam je extra vzdialenosť spôsobené centrovanie. Neviem, ako to opraviť.
Upraviť. Ak to nebolo jasné, mám na mysli ružové nákupní taška ikonu a množstvo ukázali v "Riepilogo Settimanale" časť. Ak sa pozriete v Reštaurácii Ikonu a jej výšku, si môžete všimnúť, ako sa nie sú v strede, sú bližšie k ľavému okraju.
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(),
],
),
)