मैं एक "अर्ध-उत्तरदायी" विजेट बनाने की कोशिश कर रहा हूं। इसमें अपेक्षाकृत बड़े बच्चों की एक निश्चित संख्या है जो हमेशा क्षैतिज रूप से (ए, बी और सी) स्क्रीन पर फिट होते हैं और छोटे बच्चों की एक चर सूची है जो ए, बी और सी के साथ हमेशा क्षैतिज रूप से फिट नहीं होते हैं। मेरा विचार है कि विजेट पहली तस्वीर की तरह दिखता है जब स्क्रीन चौड़ी होती है, और दूसरी के रूप में जब स्क्रीन अधिक संकीर्ण होती है, और तीसरे के रूप में जब छोटे विजेट के लिए बिल्कुल भी जगह नहीं होती है। मुझे जो मिल रहा है वह तीसरा ही है। मानो Wrap हमेशा ज्यादा से ज्यादा बच्चों को क्षैतिज रूप से रखने की कोशिश करता है। मैं इसके बजाय चौड़ाई को कम करना चाहता हूं। मेरा छद्म कोड:

Card(
  child: Wrap(
    children: [
      Row(children: [A(), B(), C()]),
      Wrap(children: [1(), 2(), 3(), 4(), 5()]),
    ]
  ),
);

कोई विचार है कि कैसे "निचोड़ें" Wrap लंबवत? यदि संभव हो तो मानक लेआउट विजेट का उपयोग करना।

enter image description here

1
kikap 29 पद 2019, 08:26

1 उत्तर

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

आप रैप विजेट में संरेखण गुण का उपयोग करके इसे संग्रहीत कर सकते हैं।

Card( 
   child: Wrap( 
      alignment: WrapAlignment.end, 
      children: [ 
            Row(children: [A(), B(), C()]),
            1(), 2(), 3(), 4(), 5(), 
       ],),
 );

इसे डार्टपैड में देखें gist

1
Loïc Fonkam 29 पद 2019, 21:15