Flutter FutureBuilder exemplary asynchronous request list

FutureBuilder list of examples Flutter

Import ' Package: Flutter / material.dart ' ; 
Import ' ../service/service_method.dart ' ; 

class CartPage the extends StatelessWidget { 
  @override 
  the Widget Build (BuildContext context) { 
    var formData = { ' adCode ' : ' 000000 ' , ' isDebug ' : ' AA ' };
     return the Scaffold ( 
      body: FutureBuilder ( // asynchronous request without re-rendering state changes setState 
        Future: request ( ' GET ', ' ChinaAddr ' , formData: formData), // optional parameter formData: formData = attribute name: Property Value 
        Builder: (context, Snapshot) { // Snapshot procedure is performed on a time axis _calculation state-snapshot 
           IF (Snapshot .hasData) { // decided whether or not the value of
               // Print (snapshot.data); 

              // data processing 
              var data = snapshot.data; 
              List <the Map> chinaData = (data [ ' data ' ] AS List) .cast () ;
               // Print (chinaData); 

              return ListView.builder ( 
                itemCount: chinaData.length, 
                itemBuilder: (context, index) {
                  final Map<String, dynamic> item = (chinaData)[index];
                  return ListTile(
                    title:  Text('${item["adName"]}'),
                    subtitle: Text('${item["adCode"]}'),
                  );
                }
              );

           }else{
              return Center(
                child: Text('加载中...'),
              );
           }
         }  
      ),
    );
  }
}

Renderings:

 

Guess you like

Origin www.cnblogs.com/joe235/p/11610887.html
Recommended