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 ਡੇਟਾਲਿਸਟ ਵਿੱਚ ਆਈਟਮਾਂ ਦੀ ਸੰਖਿਆ ਦੇ ਰੂਪ ਵਿੱਚ ਆਈਟਮਕਾਉਂਟ ਦੇ ਨਾਲ ਇੱਕ ਬਣਾਉਂਦੇ ਹਾਂ। ListTile ਹਰੇਕ ਆਈਟਮ ਨੂੰ ਸੰਬੰਧਿਤ ਸਿਰਲੇਖ ਦੇ ਨਾਲ ਇੱਕ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ ।

ListView ਕਸਟਮ ਸੂਚੀ ਦੇ ਨਾਲ ਵਰਤਣਾ

.builder ਦੀ ਵਰਤੋਂ ਕਰਨ ਤੋਂ ਇਲਾਵਾ, ਤੁਸੀਂ ਅੰਦਰ ਕਸਟਮ ਵਿਜੇਟਸ ਪ੍ਰਦਾਨ ਕਰਕੇ ਇੱਕ ਕਸਟਮ ਸੂਚੀ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ListView ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ । ListView ListView

ਉਦਾਹਰਨ:

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

ਉਪਰੋਕਤ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਡੇਟਾਲਿਸਟ ਵਿੱਚ ਹਰੇਕ ਆਈਟਮ ਨੂੰ ListTile ਅਨੁਸਾਰੀ ਸਿਰਲੇਖ ਵਾਲੇ ਵਿੱਚ ਬਦਲਣ ਲਈ ਨਕਸ਼ਾ ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ।

 

ਸਿੱਟਾ:

ListView ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਵਿਜੇਟ ਹੈ Flutter ਜੋ ਤੁਹਾਨੂੰ ਆਸਾਨੀ ਨਾਲ ਡੇਟਾ ਦੀਆਂ ਸੂਚੀਆਂ ਬਣਾਉਣ ਅਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਦੀ ਵਰਤੋਂ ਕਰਕੇ ListView, ਤੁਸੀਂ ਲੋੜ ਅਨੁਸਾਰ ਆਈਟਮਾਂ ਦੀਆਂ ਸੂਚੀਆਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਆਪਣੀ ਐਪ ਵਿੱਚ ਇੱਕ ਬਿਹਤਰ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਪ੍ਰਦਾਨ ਕਰ ਸਕਦੇ ਹੋ।