how to login by API using Provider State management in Flutter - flutter

Question

what is the correct way to do login/authentication using Rest API in flutter using provider,
every time i get the below error in my console,
I/flutter (18602): 500
I/flutter (18602): {"message":"data and hash arguments required"}
this is my provider page,:
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
class LoginController extends ChangeNotifier{
bool _isLoading = false;
bool get isLoading => _isLoading;
void loginDemo({
required String email,
required dynamic password,
}) async {
_isLoading = true;
notifyListeners();
String urls = 'https://elated-pink-hedgehog.cyclic.app/login';
final response = await http.post(Uri.parse(urls),
body: ({
"email":email,
"password":password
}));
if (response.statusCode == 200) {
print(response.body);
print('login successfull');
notifyListeners();
}else{
print(response.statusCode);
print(response.body);
notifyListeners();
}
notifyListeners();
}
}
this is where i call the login Function in UI:
Consumer<LoginController>(
builder: (context, value, child) =>
ElevatedButton(
onPressed:(){
if (emailController.text.isEmpty || passwordController.text.isEmpty) {
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content:Text('All Field Required')));
}else{
value.loginDemo(
email: emailController.text,
password: passwordController.text
);
}
},
child:Text('login')),
),
please help me to solve this. iam new to flutter and provider.

Answer 1

I think the error comes from the way you post your body do this instead
void loginDemo({
required String email,
required dynamic password,
}) async {
_isLoading = true;
notifyListeners();
final Map<String, dynamic> loginData = {
'email': email,
'password': password
};
Response response = await post(
Uri.parse('https://elated-pink-hedgehog.cyclic.app/login'),
body: json.encode(loginData),
headers: {'Content-Type': 'application/json'},
);
if (response.statusCode == 200) {
final Map<String, dynamic> responseData = json.decode(response.body);
//if you have a model class then inject it here
UserModel authUser = UserModel.fromJson(responseData);
_isLoading = false;
notifyListeners();
}else{
print(response.statusCode);
print(response.body);
notifyListeners();
}
notifyListeners();
}