मैं कोशिश कर रहा हूँ करने के लिए spaceevenly
एक Icon()
और एक AutoSizeText()
में एक Row()
.
जब राशि है लंबे समय के रूप में आप देख सकते हैं में संलग्न छवियों renders के रूप में की उम्मीद है, लेकिन जब राशि शून्य है या बहुत कम है, के AutoSizeText()
है केंद्रित किया जा रहा है, लेकिन इस का कारण बनता है कि एक ही दूरी के किनारों से नहीं रह गया है बनाए रखा है. वहाँ है एक अतिरिक्त दूरी की वजह से एकत्रित करना । मैं नहीं जानता कि कैसे यह तय करने के लिए.
संपादित करें. यदि यह स्पष्ट नहीं किया गया था, मैं बात कर रहा हूँ करने के लिए गुलाबी शॉपिंग बैग आइकन और राशि में दिखाया "Riepilogo Settimanale" अनुभाग पर जाएँ । यदि आप रेस्तरां में आइकन और इसकी राशि है, आप कर सकते हैं नोटिस कैसे वे कर रहे हैं केंद्रित नहीं है, वे कर रहे हैं करने के लिए करीब के किनारे छोड़ दिया.
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(),
],
),
)