कैसे करने के लिए SpaceEvenly और आकार के दो वस्तुओं की एक पंक्ति में?

0

सवाल

मैं कोशिश कर रहा हूँ करने के लिए spaceevenly एक Icon() और एक AutoSizeText() में एक Row(). जब राशि है लंबे समय के रूप में आप देख सकते हैं में संलग्न छवियों renders के रूप में की उम्मीद है, लेकिन जब राशि शून्य है या बहुत कम है, के AutoSizeText() है केंद्रित किया जा रहा है, लेकिन इस का कारण बनता है कि एक ही दूरी के किनारों से नहीं रह गया है बनाए रखा है. वहाँ है एक अतिरिक्त दूरी की वजह से एकत्रित करना । मैं नहीं जानता कि कैसे यह तय करने के लिए.

संपादित करें. यदि यह स्पष्ट नहीं किया गया था, मैं बात कर रहा हूँ करने के लिए गुलाबी शॉपिंग बैग आइकन और राशि में दिखाया "Riepilogo Settimanale" अनुभाग पर जाएँ । यदि आप रेस्तरां में आइकन और इसकी राशि है, आप कर सकते हैं नोटिस कैसे वे कर रहे हैं केंद्रित नहीं है, वे कर रहे हैं करने के लिए करीब के किनारे छोड़ दिया.

orginal view

enter image description here

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(),
        ],
      ),
    )
android dart flutter flutter-layout
2021-11-23 20:16:17
1

सबसे अच्छा जवाब

1

अगर मैं समझा आप सही ढंग से, आप चाहते हैं सही करने के लिए-पाठ संरेखित करें, केंद्र नहीं उन्हें.

कि प्राप्त करने के लिए, पर विचार का उपयोग कर एक एकल Spacer() बीच में आइकन और पाठ । बाहर रिक्ति (मार्जिन और padding) का उपयोग किया जा सकता Padding विजेट के बजाय.

2021-11-24 00:29:45

सबसे पहले, मैं चाहता था करने के लिए है व्यवहार करने के लिए इसी तरह अंतरिक्ष में समान रूप से propery पंक्ति के, मैं चाहता था कि एक ही जगह के बीच बाएँ किनारे-चिह्न, चिह्न-पाठ, पाठ-ठीक किनारे. मैं नहीं जानता कि कैसे प्राप्त करने के लिए है कि हालांकि, क्योंकि पाठ का आकार बदलने के रूप में जल्द ही के रूप में यह आकार, तो स्पेसर में सक्षम होना चाहिए का आकार बदलने के लिए तदनुसार. मैंने फैसला किया था कि बेहतर करने के लिए सिर्फ सही संरेखित पाठ कैसे आप का सुझाव दिया, यहां तक कि यदि नहीं है कि मैं क्या चाहता था, लेकिन लगता है सभ्य
iocomxda

@iocomxda, ओह, अगर तुम चाहते थे करने के लिए है एक ही स्थान में 3 अंतराल, आप की कोशिश कर सकते हैं डाल करने के लिए 3 Spacer() विगेट्स के लिए है कि. लेकिन ग्रंथों (अलग चौड़ाई) नहीं होगा के साथ पंक्ति में एक दूसरे पृष्ठ पर (होने की तरह $2666 और $0है ), तो दाएँ-संरेखित है सबसे आम दृष्टिकोण है ।
user1032613

धन्यवाद के लिए इस तरह का स्पष्टीकरण! नहीं पता था कि दाएँ-संरेखित सबसे आम दृष्टिकोण है ।
iocomxda

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................