ListView मध्ये डेटा तयार करणे आणि प्रदर्शित करणे Flutter

मध्ये Flutter, तुम्ही वापरून डेटा तयार आणि प्रदर्शित करू शकता ListView. ListView एक विजेट आहे जे तुम्हाला किंवा सानुकूल विजेट्स सारखे घटक असलेली स्क्रोल करण्यायोग्य सूची तयार करण्यास अनुमती देते ListTile.

यामध्ये डेटा कसा तयार करायचा आणि प्रदर्शित करायचा याचे मार्गदर्शक येथे आहे ListView:

डेटा लिस्ट तयार करा

प्रथम, आपण मध्ये प्रदर्शित करू इच्छित डेटा सूची तयार करणे आवश्यक आहे ListView. ही सूची स्ट्रिंग्स, ऑब्जेक्ट्स किंवा तुम्ही प्रदर्शित करू इच्छित कोणत्याही प्रकारच्या डेटाची सूची असू शकते.

उदाहरण:

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

डेटा तयार करा ListView आणि प्रदर्शित करा

पुढे, तुम्ही एक तयार करू शकता ListView आणि .builder कन्स्ट्रक्टर वापरून डेटा प्रदर्शित करू शकता ListView. हे तुम्हाला डेटा सूचीमधील आयटमच्या संख्येवर आधारित सूची तयार करण्यास अनुमती देते.

उदाहरण:

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

वरील उदाहरणात, आम्ही ListView dataList मधील आयटमची संख्या म्हणून itemCount सह तयार करतो. ListTile प्रत्येक आयटम संबंधित शीर्षकासह प्रदर्शित केला जाईल .

ListView सानुकूल सूचीसह वापरणे

.builder वापरण्याव्यतिरिक्त, तुम्ही मधील सानुकूल विजेट्स प्रदान करून सानुकूल सूची प्रदर्शित करण्यासाठी ListView देखील वापरू शकता. ListView ListView

उदाहरण:

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

वरील उदाहरणामध्ये, डेटालिस्टमधील प्रत्येक आयटमला ListTile संबंधित शीर्षक असलेल्यामध्ये रूपांतरित करण्यासाठी आम्ही नकाशा पद्धत वापरतो.

 

निष्कर्ष:

ListView हे एक शक्तिशाली विजेट आहे Flutter जे तुम्हाला सहजपणे डेटाच्या सूची तयार आणि प्रदर्शित करण्यास अनुमती देते. वापरून ListView, तुम्ही तुमच्या इच्छेनुसार आयटमच्या सूची प्रदर्शित करू शकता आणि तुमच्या अॅपमध्ये चांगला वापरकर्ता अनुभव देऊ शकता.