Yapmaya çalışıyorum spaceevenly
bir Icon()
ve birAutoSizeText()
in a Row()
.
Miktar, ekli görüntülerde görebildiğiniz kadar uzun olduğunda, beklendiği gibi işlenir, ancak miktar sıfır veya oldukça kısa olduğunda, AutoSizeText()
ortalanıyor, ancak bu, kenarlardan aynı mesafenin artık korunmamasına neden oluyor. Merkezlemenin neden olduğu ekstra bir mesafe var. Bunu nasıl düzelteceğimi bilmiyorum.
Düzenlemek. Açık değilse, pembe alışveriş çantası simgesine ve "Riepilogo Settimanale" bölümünde gösterilen miktara atıfta bulunuyorum. Restoran Simgesine ve miktarına bakarsanız, nasıl ortalanmadıklarını, sol kenara daha yakın olduklarını fark edebilirsiniz.
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(),
],
),
)