Future builder for dropdown menu items

[ramnath30]

Are there plans to allow a Future to populate the dropdown values? An example is retrieving a list of countries and states from a REST API and populating them in the dropdown menu. If this can already be done, please let me know how. Thanks for your help.

[FickleLife]

I am looking to do this too - any assistance would be great.

[moesaid]

you would need to wrap your FormBuilder in FutureBuilder
and then assign the Future list to normal list for ... for example

// normal to use a list
List _catsList;

// your future list
Future<List> _cats;
Future<List> _getCats() async{
    var res = await Dio().get('http://wazner.test/api/cat');
    return res.data;
}

  @override
  void initState() {
    _cats =  _getCats();
    super.initState();
  }

FutureBuilder(
   future: _cats,
    builder: (BuildContext context, AsyncSnapshot<List<dynamic>> snapshot) {
       if (snapshot.hasData){                  
        _catsList = snapshot.data;

         return FormBuilder(
              // your logic
             // includes your dropdown menu items

            FormBuilderDropdown(
                 items: _catsList.map((item) => DropdownMenuItem(
                 value: item['id'],
                 child: Text("${item['name']}")
              )).toList(),
            ),

         )

        }
         return CircularProgressIndicator();
       },
 ),

[ramnath30]

Thanks much for the help!