How to handle HTTP api request while navigating pages quickly | FLUTTER | DART

Question

For my scenario, I have used flutter http package to make http requests...In home screen I have to send around 3 http requests, Since I had to use await requests are sending one by one.

I have used BaseAPiService class so all the api calls will go though that,

If I Navigate to another place while above request happening how to destroy that connection?? Otherwise if after navigate also app is waiting till previous Api requestes completed..

sample base api service class used

class ApiService {
  apiGet(url, data) async {
  Get.dialog(LoadingDialog());
  var response;
  if (data == null) {
    response = await http.get(
    baseUrl + url,
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    },
  );
}
Navigator.pop(Get.overlayContext);
return response;
}

apiPost(url, data) async {
  FocusScopeNode currentFocus = FocusScope.of(Get.context);
  if (!currentFocus.hasPrimaryFocus) {
  currentFocus.unfocus();
  }
  Get.dialog(LoadingDialog());
  var response;
  if (data != null) {
   response = await http.post(baseUrl + url,
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
      },
      body: data);
}
if (data == null) {
  response = await http.post(
    baseUrl + url,
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json',
    },
  );
}
Navigator.pop(Get.overlayContext);
return response;
}
}

Solution

I found a solution

To achieve this need to close the http connection when navigating, for do that need to make a client from http and need t close that client on dispose method

var client = http.Client()
var response = await client.get(url)

close the connecton when navigating

void dispose(){
  super.dispose();
  client.close()
}

Comments

[LOLWTFasdasd asdad]

Could you provide some code? Hard to tell how to help you.

[s.am.i]

sample base api service class added

[LOLWTFasdasd asdad]

Could you also a little bit more specific what you want to achieve? You want to kill an established connection after switching the screen with the navigator?

[LOLWTFasdasd asdad]

what about api.client.close(); ?

[s.am.i]

Yeah, when researching how to kill http connection, I also come up with that solution. I'll check and give an update, Thank you for guiding me

[s.am.i]

client.close() did the work

[s.am.i]

Yes, If I navigate From home page without waiting for the http response, Still code is waiting for the homepage response to complete before sending new http response, I think it's because of await function, I need to kill the connection with http when navigating

[Alexey]

That's an excellent solution! No need for a special API...