Flutter实战-页面参数传递

用了两年的flutter,有了一些心得,不虚头巴脑,只求实战有用,以供学习或使用flutter的小伙伴参考,学习尚浅,如有不正确的地方还望各路大神指正,以免误人子弟,在此拜谢~(原创不易,转发请标注来源和作者)

注意:无特殊说明,flutter版本为3.0+


页面参数传递不管是在web前端,还是客户端都是一个必备的,我们通常遇到的场景是比如:

(1) 传递数据id,到新的页面请求详情

(2)传递一些状态值给新的页面做一些判断

(3)传递整个对象,或者对象数组到新的页面 来处理数据

我们知道页面传递数据和网页拼接url一样都是需要将数据转化成String才能传过去的,也就难免在新的页面进行数据解析。(1)和(2)就相对来说比较简单了,重点是(3)怎么解决。

如何将数组或者对象,甚至是对象数组传过去并解析呢?

一。jsonEncode,jsonDecode

这个是非常常用的了,将对象或对象数组json化
jsonEncode(data)

然后通过jsonDecode 进行解析,比如实体User

List<User> users = jsonDecode(data).map<User>((e) => User.fromJson(e)).toList(); //对象类型数组

User user = User.fromJson(jsonDecode(data)); //对象

二。使用base64加处理特殊字符

在用json处理的时候,遇到特殊字符,可能会遇到处理失败的问题,那么如何解决呢?使用base64加解密就可以解决这个问题

base64Url.encode(utf8.encode(jsonEncode(data)));

utf8.decode(base64Url.decode(data));

三。使用泛型封装通用方法

static T? getArg2Object<T>(String key, Function fromJson) {
String? v = Get.parameters[key];
if (v == null) return null;
String decodeStr =utf8.decode(base64Url.decode(v));
return fromJson.call(jsonDecode(decodeStr));
}

static List<T>? getArg2Objects<T>(String key, Function fromJson) {
String? v = Get.parameters[key];
if (v == null) return null;
String decodeStr = utf8.decode(base64Url.decode(v));
return jsonDecode(decodeStr).map<T>((e) => fromJson.call(e) as T).toList();
}

如何使用

List<User> users = getArg2Objects<User>('users',User.fromJson) ?? [];

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.AsyncTask 用法 onPreExecute()在UI thread调用 显示一个进度条 doI...
    Owen270阅读 423评论 0 1
  • 001.Android 高级开发面试题以及答案整理 [https://juejin.cn/post/6844903...
    Owen270阅读 461评论 0 1
  • Python 面向对象Python从设计之初就已经是一门面向对象的语言,正因为如此,在Python中创建一个类和对...
    顺毛阅读 4,267评论 4 16
  • datetime是Python处理日期和时间的标准库。 获取当前日期和时间 我们先看如何获取当前日期和时间: >>...
    jbb_43b0阅读 1,058评论 0 0
  • 用于python面试整理,主要来源于http://www.cnblogs.com/skiler/p/6952707...
    医学工程与科学园地阅读 2,401评论 0 13