Future function returns value before executing body - flutter

Question

I need help. I have looked everywhere but have no solution.
I have a function to get data from the server (REST API). Let's call this function retrieveProfile(). So when the user navigates to their profile page. I call retrieveProfile() in initState() which works very fine.
Now, I implemented access token and refresh token. So if the access token is expired and the user navigates to their profile page, initState() is fired, retrieveProfile() is fired too. The user is informed that their access token is expired but also that the app is generating a new one. Of course, after generating it, the API is called again through the interceptor. But between this process, the value is returned which is zero. retrieveProfile() itself calls a function that returns a future. I expect all the body to be executed before returning the value. See below:
The function that calls the API and retrieves data from backend
Future<List<AllUsers>> getAllUsersData({
BuildContext? context,
}) async {
_isLoading = true;
notifyListeners();
List<AllUsers> usersList = [];
try {
DatabaseProvider databaseProvider = DatabaseProvider();
final String? token =
await databaseProvider.readAccessToken("accessToken");
final String? refreshToken =
await databaseProvider.readRefreshToken("refreshToken");
if (token == null || token.isEmpty) {
await databaseProvider.saveAccessToken('');
}
http.Response response = await http.get(
Uri.parse('$uri/user/all'),
headers: {
'Authorization': 'Bearer $token',
},
);
if (jsonDecode(response.body)["message"] ==
'Access expired. Try refreshing token.') {
showSnackBar(context!, jsonDecode(response.body)["message"]);
print('refreshing token')
recursively(
message: jsonDecode(response.body)['message'],
token: refreshToken!,
maxRetry: maxRetry,
incrementCounter: setMaxRetry,
action: () async {
await getAllUsersData(context: context);
});
} else {
_maxRetry = 1;
responseHandler(
response: response,
context: context!,
onSuccess: () async {
showSnackBar(
context,
jsonDecode(response.body)['message'],
success: true,
);
_isLoading = false;
_resMessage = jsonDecode(response.body)['message'];
notifyListeners();
// Save all users data
for (int i = 0; i < jsonDecode(response.body)['data'].length; i++) {
usersList.add(
allUsersFromJson(
jsonEncode(
jsonDecode(response.body)['data'][i],
),
),
);
}
},
);
print(usersList.length);
_isLoading = false;
notifyListeners();
}
} on SocketException catch (_) {
_isLoading = false;
_resMessage = 'Connection broken! Number of users may not be up-to-date.';
showSnackBar(context!, _resMessage);
notifyListeners();
} catch (e) {
_isLoading = false;
showSnackBar(context!, e.toString());
_resMessage = e.toString();
notifyListeners();
}
return usersList;
}
The function that is executed in initState to call the async function
List<AllUsers>? allUsers;
void retrieveAllUsers() async {
allUsers = await adminService.getAllUsersData(context: context);
print(allUsers!.length);
setState(() {});
}
#override
void initState() {
super.initState();
retrieveAllUsers();
}
When I print allUsers.length, it returns 0.
When I print usersList.length, it returns 6.
What I expect:
I expect the whole body and if statement executed before returning a value.
On printing, I expect the printing sequence to be:
refreshing token. // This is printed while refreshing token.
6 // from usersList.length after refreshing token and recalling api. Printed when recalling api.
6 // from allUsers.length because the correct value has been returned from the async function. Printed from retrieveProfiles() > initState().
What I get instead:
refreshing token. // This is printed while refreshing token.
0 // from allUsers.length because the correct value has been returned from the async function. Printed from retrieveProfiles() > initState().
6 // from usersList.length after refreshing token and recalling api. Printed when recalling api.
This means that it returns the value immediately after refreshing token without waiting for
getAllUsersData({}) to be recalled. getAllUsersData({}) is recalled in the action callback which is an argument in recursively().
Note that the refreshToken function itself returns a future. And I await it too. The recursively() function calls the refreshToken function.