How to create dropown list in flutter where data comes from API?

by

You should try to this create your own tow API’s 1. Select All Teachers 2. Get the subject of selected user.

  String sid;
  List data = List();
  String url = "https://example.com/teacher";
  //your all teacher api call
  Future fetchTeacher() async {
    var result = await http.get(url, headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json',
    });
    var jsonData = json.decode(result.body);

    setState(() {
     data = jsonData;
    });
   return jsonData;
 }
 // add your API call with ininState() function
 @override
 void initState() {
   super.initState();
   fetchTeacher();
  }
  // Your Widget for All teachers dropdown list 
   DropdownButtonHideUnderline(
        child: DropdownButton(
          value: sid,
          hint: Text("Select Stockiest",
              style: TextStyle(color: Colors.black)),
          items: data.map((list) {
            return DropdownMenuItem(
              child: Text(list['name']),
              value: list['sid'].toString(),
            );
          }).toList(),
          onChanged: (value) {
            setState(() {
              sid = value;
            });
          },
        ),
      ),

Try Same API function for selected teacher subject the url like this:

String url = "https://example.com/teacher"+sid;

pass the id for above url for selected teacher and push this id for the your subject widget you get the selected teacher subject data

More Related Contents:

  1. How to deal with unwanted widget build?
  2. Flutter: Scrolling to a widget in ListView
  3. Flutter – Wrap text on overflow, like insert ellipsis or fade
  4. How to refresh an AlertDialog in Flutter?
  5. How to show/hide widgets programmatically in Flutter
  6. How to add a ListView to a Column in Flutter?
  7. How do I do the “frosted glass” effect in Flutter?
  8. How to add image in Flutter
  9. InkWell not showing ripple effect
  10. How to create GridView Layout in Flutter
  11. Scroll Function In Flutter Web
  12. Flutter: Expanded vs Flexible
  13. How to detect swipe in flutter
  14. Sizing elements to percentage of screen width/height
  15. Style BottomNavigationBar in Flutter
  16. Flutter: Remove padding in buttons – FlatButton, ElevatedButton, OutlinedButton
  17. How can I navigate between 2 classes, one of them requires passing data? in flutter
  18. TextField inside of Row causes layout exception: Unable to calculate size
  19. Vertical viewport was given unbounded height
  20. How to check if scroll position is at top or bottom in ListView?
  21. How can I layout widgets based on the size of the parent?
  22. Flutter Zoomable Widget
  23. Flutter use variable created inside Future builder outside of the build method,
  24. How to shift focus to the next TextField in Flutter?
  25. Flutter: “RenderFlex children have non-zero flex but incoming height constraints are unbounded”
  26. Flutter: BottomNavigationBar rebuilds Page on change of tab
  27. How to use BottomNavigationBar with Navigator?
  28. How can I add shadow to the widget in flutter?
  29. Preserving state between tab view pages
  30. Flutter – How to make a custom TabBar

Leave a Comment