flutter future builder

FutureBuilder<String>( future: _fetchNetworkCall, // async work builder: (BuildContext context, AsyncSnapshot<String> snapshot) { switch (snapshot.connectionState) { case ConnectionState.waiting: return Text('Loading....'); default: if (snapshot.hasError) return Text('Error: ${snapshot.error}'); else return Text('Result: ${snapshot.data}'); } }, ),

FutureBuilder( future: _fetchListItems(), builder: (context, AsyncSnapshot snapshot) { if (!snapshot.hasData) { return Center(child: CircularProgressIndicator()); } else { Container( child: ListView.builder( itemCount: snapshot.data.length, scrollDirection: Axis.horizontal, itemBuilder: (BuildContext context, int index) { return Text('${snapshot.data[index].title}'); })); } });

//The correct way to use FutureBuilder is to instantiate the future first,
//then use the variable in the FutureBuilder
//Check out: https://www.youtube.com/watch?v=LYN46233cws for more info

//Instantiate the future
Future _getData;

//In initState assign you future function to the future
@override
  void initState() {
    _getData = _getUserData();
    super.initState();
  }
  
//Define your async function
  _getUserData() async{
    return await getAsyncDataFromServer();
  }
  
//Use the instantiated future variable in your future builder
FutureBuilder(
	future: _getData;
    builder: (BuildContext context, AsyncSnapshot snapshot){
      if(snapshot.connectionState == ConnectionState.done){
      	//Build you UI
      }else{
      	return Center(child: CircularProgressIndicator());
      }
    },
);

Posted by: Guest on March-26-2021

Code answers related to "flutter future builder"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Answers for "flutter future builder"

Code answers related to "flutter future builder"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us