तो मैं चेकबॉक्स के साथ एक सूचीदृश्य बनाना चाहता हूं और डेटा मॉडल का उपयोग कर गतिशील होना चाहिए। किसी भी सहायता की सराहना की जाएगी।

-1
That Guy 19 जुलाई 2020, 11:57

1 उत्तर

सबसे बढ़िया उत्तर

आप इसे StatefulWidget, FutureBuilder, ListView.builder और CheckboxListTile का उपयोग करके ऐसा कर सकते हैं।

class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  
  List<String> listOfItems;
  List<bool> itemCheckedState = [];
  
  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: fetchListOfItems(),
      builder: (context, snapshot){
        if(!snapshot.hasData){
          return const CircularProgressIndicator();
        }
        else {
          listOfItems = snapshot.data;
          for(int i = 0; i < listOfItems.length; i++){
            itemCheckedState.add(false);
          }
          return ListView.builder(
            itemCount: listOfItems.length,
            itemBuilder: (context, index){
              return CheckboxListTile(
                title: Text(listOfItems[index]),
                value: itemCheckedState[index],
                onChanged: (newValue){
                  setState((){
                    itemCheckedState[index] = newValue;
                  });
                },
              );
            }
          );
        }
      }
    );
  }
  
  
  Future<List<String>> fetchListOfItems() async {
    
    //for demo purpose lets just return a list after 2 seconds
    //here you can code for fetching your dynamic data instead
    
    List<String> list = ['abc', 'def', 'xyz'];
    await Future.delayed(Duration(seconds: 2), (){});
    return list;
  }
  
}
1
Jigar Patel 19 जुलाई 2020, 09:32