JSON 状态 = 0 未显示

Question

我试图在用户登录后显示我的json响应。当用户输入正确的信息时，它成功地在我的应用程序中显示响应。但是当用户在这里输入错误的凭证时，应用程序会崩溃，这是当用户输入错误信息时我的json响应。它应该显示状态=0在我的应用程序显示(或任何我想显示的响应

I/flutter (16426): {"Status":"0","Message":"Wrong Password provided","UserData":null}

这是当用户按下登录按钮时我的API调用

 Future<void> login() async{
    var jsonResponse = null;
if (passwordontroller.text.isNotEmpty && emailController.text.isNotEmpty) {
  var response = await http.post(Uri.parse("http://jhhjhjhjhjhjhj"),
      body: ({
        'LoginId': emailController.text,
        'Password': passwordontroller.text
      }));
  if (response.statusCode == 200) {
    print("Correct");
    print(response.body);
    jsonResponse = json.decode(response.body.toString());
    print(jsonResponse);
    Navigator.push(context, MaterialPageRoute(builder: (context)=>AfterLoginResPage(response: ApiResponse.fromJson(jsonResponse))));
  }

   else {
    print("Wronggooooooooooooooooooooooooooo");
    print(response.body);
    ScaffoldMessenger.of(context)
        .showSnackBar(SnackBar(content: Text("Invalid credentials")));
  }
} else {
  ScaffoldMessenger.of(context)
      .showSnackBar(SnackBar(content: Text("Blank field is not allowed")));
}

}

我的模型类

 class ApiResponse {
    ApiResponse({
        required this.status,
        required this.message,
        required this.userData,
    });

    String status;
    String message;
    UserData userData;

    factory ApiResponse.fromJson(Map<String, dynamic> json) => ApiResponse(
        status: json["Status"],
        message: json["Message"],
        //userData: UserData.fromJson(json["UserData"]),
        userData: json["UserData"] == null? null:UserData.fromJson(json["UserData"]), //======== Updated
    );


}

class UserData {
    UserData({
        required this.name,
        required this.encUserId,
    });

    String name;
    String encUserId;

    factory UserData.fromJson(Map<String, dynamic> json) => UserData(
        name: json["Name"],
        encUserId: json["EncUserId"],
    );

}

然后在这里，我显示我的响应，当用户输入正确的凭据时，该响应成功执行。但是在输入错误的凭据时崩溃了

 children: [
           Text("Status: ${widget.response.status}"),
           Text("Message: ${widget.response.message}"),

我面临的另一个问题是，在这里我可以显示状态和消息，如果我想显示< code>Name

这是我在邮递员中输入正确信息后的 JSON 响应

{
"Status": "1",
"Message": "You are Logged in successfully",
"UserData": {
    "Name": "[e-mail]",
    "EncUserId": "bbA/HajfPdswT0fhhiMvEg=="
}

}

.

Answer 1

由于启用了空安全，您需要将UserData UserData更改为UserData？用户数据；和userData:json[“userData”]==null？null：用户数据。fromJson（json[“UserData”]作为Map

您的问题是您试图解析< code>UserData，而您的错误响应没有任何< code>UserData相关信息。

class ApiResponse {
    ApiResponse({
        required this.status,
        required this.message,
        required this.userData,
    });

    String status;
    String message;
    UserData? userData;

    factory ApiResponse.fromJson(Map<String, dynamic> json) => ApiResponse(
        status: json["Status"],
        message: json["Message"],
        userData: json["UserData"] == null? null:UserData.fromJson(json["UserData"]), 
    );


}