POST request body is not updating after inserting new value - json

Question

I have a login field that when doing a post request it returns the http code. If I enter a valid phone number it returns 200. All good here. But when I try to reproduce an error message, it stores the previous phone number forever and I can't find a way to reset that field like it is in the beginning. Is this something to do with cache? Or is it about the variables state?
My Post body stored in global_variables.dart:
final Map<String, dynamic> loginBody = {
"type": "device",
"app_id": '1',
"email": "example#example.pt",
"country_id": '1',
"phone_number": phone.text, --> I want to reset the value here
"password": "secret"
};
login.dart
#override
void initState() {
super.initState();
success = false;
focusNode.addListener(() {
if (!focusNode.hasFocus) {
log(phone.text);
}
});
refreshValues();
}
#override
void dispose() {
focusNode.dispose();
phone.dispose();
super.dispose();
}
#override
Widget build(BuildContext context) {
return !success
? Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Padding(
padding: const EdgeInsets.all(8.0),
child: TextFormField(
maxLength: 9,
controller: phone,
focusNode: focusNode,
),
),
ElevatedButton(
onPressed: () async {
await login();
if (success) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
backgroundColor: Colors.green,
content: Text(
loginSuccessful.toString(),
),
),
);
// ignore: use_build_context_synchronously
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const BreakdownScreen(),
),
);
refreshValues();
} else {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
backgroundColor: Colors.red,
content: Text(
loginUnsuccessful.toString(),
),
),
);
refreshValues();
}
},
child: const Text('Login'),
)
],
)
: Container();
}
void refreshValues() {
setState(
() {
loginSuccessful = "";
loginUnsuccessful = "";
phone.text = "";
},
);
}
Future<void> login() async {
try {
if (phone.text.length == 9) {
var response = await http.post(
Uri.parse("http://LOCAL_API/api/login"),
body: loginBody,
);
if (response.statusCode == 200) {
Map<String, dynamic> loginSuccess = json.decode(response.body);
Map<String, dynamic> loginTokenOnSuccess = json.decode(response.body);
loginToken = loginTokenOnSuccess['data'];
setState(
() {
loginSuccessful = loginSuccess['message'];
success = true;
// phone.text = "";
},
);
} else {
Map<String, dynamic> loginNoSuccess = json.decode(response.body);
setState(() {
success = false;
loginUnsuccessful = loginNoSuccess['message'];
});
}
}
} on Exception catch (e) {
log('ERRO ----- ${e.toString()},');
log(
json.encode(loginBody),
);
}
}
Output with invalid phone [phone]:
{(...)"phone_number":"333333333"}
Output with valid phone [phone] (for example):
It only doesn't update after inserting a first value and stays like that until I hot reload the app.
{(...)"phone_number":"333333333"}
tl;dr: my phone_number field doesn't change after a second attempt

Answer 1

Solved it!
I had to construct the body directly on the POST function and remove it from the global_variables.dart file.
Future login() async {
try {
setState(() {});
if (phone.text.length == 9) {
var response = await http.post(
Uri.parse("http://LOCAL_API/api/login"),
body: {
"type": "device",
"app_id": '1',
"email": "example#mexample.com",
"country_id": '1',
"phone_number": phone.text,
"password": "secret"
},
);