मैं कंटेनर में टेक्स्ट की कुछ पंक्तियां प्रदर्शित करना चाहता हूं। ग्रंथों को AutoSizedText के रूप में लिखा जाता है ताकि वे एक पंक्ति से अधिक लंबे हो सकें। सभी टेक्स्ट बाएं संरेखित होने चाहिए, इसलिए मैं textAlign: TextAlign.left का उपयोग करता हूं। लेकिन अगर कंटेनर में एक से अधिक AutoSizedText हैं, तो टेक्स्ट बाएं-संरेखित के बजाय केंद्रित प्रदर्शित होते हैं।

क्या कोई जानता है कि मेरी गलती क्या है?

new Container(
            width: double.infinity,
            margin: const EdgeInsets.all(30.0),
            padding: const EdgeInsets.all(10.0),
            decoration: BoxDecoration(
              border: Border.all(width: 3),
              borderRadius: BorderRadius.all(Radius.circular(5.0)),),
            child: Column(
              children: <Widget>[
                AutoSizeText("Title", textAlign: TextAlign.left, overflow: TextOverflow.ellipsis, 
                   maxLines: 20,),
                AutoSizeText("Date: 01.01.2000", textAlign: TextAlign.left,
                   overflow: TextOverflow.ellipsis, maxLines: 20,),
                AutoSizeText("Author: John Doe", textAlign: TextAlign.left, 
                   overflow: TextOverflow.ellipsis, maxLines: 20,),
                AutoSizeText("This is the message which should be displayed.",
                   textAlign: TextAlign.left, overflow: TextOverflow.ellipsis, maxLines: 20,),
            ]))

enter image description here

0
user9918 27 नवम्बर 2019, 18:51

1 उत्तर

सबसे बढ़िया उत्तर

ऐसा Column की crossAxisAlignment प्रॉपर्टी की वजह से हो रहा है, जो डिफ़ॉल्ट रूप से केंद्र है

इसे ऑफिसियल डॉक्स में पढ़ें

इसे ठीक करने के लिए नीचे दिए गए कोड को Column के अंदर लिखें,

Column(
crossAxisAlignment = CrossAxisAlignment.start
...
)

अपना पूरा समाधान यहां देखें

आउटपुट:

enter image description here

0
Ravinder Kumar 27 नवम्बर 2019, 19:54