Flutter, how to call async function (api request) under setState

Question

I want to call an async api request inside setState but when I make setState async, It does not work properly. Otherwise, I can not await for the response. My request in controller:

 void fetchList() async {
    isLoading(true);
    try {
      var _list = await Requests.getYesillemeList();
      if (_list != null) {
        yList.value = _list;
      }
    } finally {
      reOrderList();
      isLoading(false);
    }
  }

If I call controller.fetchList() inside setState, I can not get response even it is awaiting for the response inside fetchList function. I am getting response when I make setState async, make fetchList Future of void and await for controller.fetchList inside setState but then rest of the code is not working properly. So, how can I call my api request inside setState and wait for a response.

In that case, you do not need to use setState to update the data. Just use Getx reactive methods — Sujan Gainju
– Sujan Gainju, Commented May 27, 2022 at 12:31

Sujan Gainju · Accepted Answer · 2022-05-27 12:40:42Z

1

If you are using Getx, You can use GetX reactive widgets/methods

Example:

Controller

class MyClass extends GetxController{

    Rx<MyModel> yList = <MyModel>[].obs;
    RxBool isLoading = false;

      void fetchList() async {
        isLoading(true);
        try {
          var _list = await Requests.getYesillemeList();
          if (_list != null) {
            yList.value = _list;
          }
        } finally {
          reOrderList();
          isLoading(false);
        }
      }

}

Widget/Page

class DashboardPage extends GetView<MyClass>{
    @override
    Widget build(BuildContext context) {
        controller.fetchList();
        return Obx(() => Text("${controller.yList.length}"));
    }
}

answered May 27, 2022 at 12:40

Sujan Gainju

4,7872 gold badges16 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Flutter, how to call async function (api request) under setState

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related