flutter登录功能完成：主要解决future返回一个对象还是列表的报错。

最新推荐文章于 2024-10-06 22:38:44 发布

Chrissy_z

最新推荐文章于 2024-10-06 22:38:44 发布

阅读量351

点赞数 9

文章标签： flutter

本文链接：https://blog.csdn.net/z15267429952/article/details/135554385

版权

文章介绍了如何在Flutter中创建一个可序列化的LoginEntity模型类，包括其构造函数、从JSON转换和序列化方法，以及一个模拟的登录请求函数。还展示了如何在页面上发送登录请求并传递必要的参数。

摘要由CSDN通过智能技术生成

1、创建一个model对象类

@JsonSerializable()
class LoginEntity {
 late int code = 0;
 late String message = '';
 late String token = '';

 LoginEntity();

 factory LoginEntity.fromJson(Map<String, dynamic> json) => $LoginEntityFromJson(json);

 Map<String, dynamic> toJson() => $LoginEntityToJson(this);

 @override
 String toString() {
  return jsonEncode(this);
 }
}

2、登录请求

// 登录，返回一个对象
static Future<LoginEntity> login(String phoneNumber,String phoneCode) async{
  final url = "login/";
  final res = await HttpRequest.request(url,method: "post",
      params: {"phone_number":phoneNumber,"phone_code":phoneCode});

  // 解决'_Map<String, dynamic>' is not a subtype of type 'FutureOr<LoginEntity>'的报错！！！！！！！！
  final Map<String,dynamic> jsonData = res;
  final LoginEntity loginEntity = LoginEntity.fromJson(jsonData);

  return loginEntity;
}

3、页面发请求，传递登录接口需要的参数

// 请求登录接口
Future _login(String phoneNumber,String phoneCode) async{
  final LoginEntity res = await LoginRequest.login(phoneNumber, phoneCode);
  print(res.code);
}

return GestureDetector(
  onTap: (){
    // 6、访问父组件的属性，要使用widget.属性
    print('手机号：${widget.phoneNumberController.text}');
    print('验证码：${widget.phoneCodeController.text}');
    _login(widget.phoneNumberController.text,widget.phoneCodeController.text);
  },