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 டேட்டாலிஸ்ட்டில் உள்ள உருப்படிகளின் எண்ணிக்கையாக itemCount ஐ உருவாக்குகிறோம். ListTile ஒவ்வொரு பொருளும் தொடர்புடைய தலைப்புடன் a இல் காட்டப்படும் .

ListView தனிப்பயன் பட்டியலைப் பயன்படுத்துதல்

.builder ஐப் பயன்படுத்துவதைத் தவிர, தனிப்பயன் விட்ஜெட்களை வழங்குவதன் மூலம் தனிப்பயன் பட்டியலைக் காண்பிக்கவும் ListView பயன்படுத்தலாம். ListView ListView

உதாரணமாக:

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

மேலே உள்ள எடுத்துக்காட்டில், தரவுப்பட்டியலில் உள்ள ஒவ்வொரு உருப்படியையும் ListTile தொடர்புடைய தலைப்பைக் கொண்டதாக மாற்ற வரைபட முறையைப் பயன்படுத்துகிறோம்.

 

முடிவுரை:

ListView Flutter தரவுகளின் பட்டியலை எளிதாக உருவாக்கி காட்ட உங்களை அனுமதிக்கும் சக்திவாய்ந்த விட்ஜெட். ஐப் பயன்படுத்துவதன் மூலம் ListView, நீங்கள் விரும்பியபடி உருப்படிகளின் பட்டியலைக் காண்பிக்கலாம் மற்றும் உங்கள் பயன்பாட்டில் சிறந்த பயனர் அனுபவத்தை வழங்கலாம்.