close

ListView मा डाटा सिर्जना र प्रदर्शन गर्दै Flutter

मा Flutter, तपाइँ प्रयोग गरेर डाटा सिर्जना र प्रदर्शन गर्न सक्नुहुन्छ ListView । ListView एक विजेट हो जसले तपाईंलाई स्क्रोल गर्न मिल्ने सूची सिर्जना गर्न अनुमति दिन्छ जसमा कम्पोनेन्टहरू जस्तै ListTile वा अनुकूलन विजेटहरू।

यहाँ कसरी डेटा सिर्जना गर्ने र प्रदर्शन गर्ने बारे गाइड छ ListView:

डाटा सूची सिर्जना गर्नुहोस्

पहिले, तपाईंले डाटा सूची सिर्जना गर्न आवश्यक छ जुन तपाईं मा प्रदर्शन गर्न चाहनुहुन्छ ListView । यो सूची स्ट्रिङहरू, वस्तुहरू, वा तपाईंले प्रदर्शन गर्न चाहनुभएको कुनै पनि प्रकारको डेटाको सूची हुन सक्छ।

उदाहरण:

List<String> dataList = [  
  'Item 1',  
  'Item 2',  
  'Item 3',  
  'Item 4',  
  'Item 5',  
];

डेटा सिर्जना ListView र प्रदर्शन गर्नुहोस्

अर्को, तपाईँले .builder कन्स्ट्रक्टर ListView प्रयोग गरेर डाटा सिर्जना गर्न र प्रदर्शन गर्न सक्नुहुन्छ। ListView यसले तपाईंलाई डाटा सूचीमा वस्तुहरूको संख्यामा आधारित सूची निर्माण गर्न अनुमति दिन्छ।

उदाहरण:

ListView.builder(  
  itemCount: dataList.length,  
  itemBuilder:(BuildContext context, int index) {  
    return ListTile(  
      title: Text(dataList[index]),  
   );  
  },  
)

माथिको उदाहरणमा, हामी ListView डेटासूचीमा वस्तुहरूको संख्याको रूपमा वस्तु गणनासँग सिर्जना गर्छौं। ListTile प्रत्येक वस्तु सम्बन्धित शीर्षकको साथमा प्रदर्शित हुनेछ ।

ListView अनुकूलन सूचीको साथ प्रयोग गर्दै

.builder प्रयोग गर्नुको साथै, तपाइँ भित्र अनुकूलन विजेटहरू प्रदान गरेर अनुकूलन सूची प्रदर्शन गर्न ListView प्रयोग गर्न सक्नुहुन्छ । ListView ListView

उदाहरण:

ListView(  
  children: dataList.map((item) => ListTile(title: Text(item))).toList(),  
)

माथिको उदाहरणमा, हामी डेटासूचीमा प्रत्येक वस्तुलाई ListTile सम्बन्धित शीर्षकमा रूपान्तरण गर्न नक्सा विधि प्रयोग गर्छौं।

 

निष्कर्ष:

ListView एक शक्तिशाली विजेट हो Flutter जसले तपाईंलाई सजिलैसँग डाटाको सूचीहरू सिर्जना गर्न र प्रदर्शन गर्न अनुमति दिन्छ। प्रयोग गरेर ListView, तपाइँले चाहे अनुसार वस्तुहरूको सूची प्रदर्शन गर्न सक्नुहुन्छ र तपाइँको एपमा राम्रो प्रयोगकर्ता अनुभव प्रदान गर्न सक्नुहुन्छ।