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, તમે ઇચ્છિત વસ્તુઓની સૂચિ પ્રદર્શિત કરી શકો છો અને તમારી એપ્લિકેશનમાં વધુ સારો વપરાશકર્તા અનુભવ પ્રદાન કરી શકો છો.