• Flutter实战-页面参数传递


    5826b4bc19cff8d186780d10c3ef973e.jpeg

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

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


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

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

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

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

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

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

    一。jsonEncode,jsonDecode

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

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

    List users  = jsonDecode(data).map((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(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? getArg2Objects(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((e) => fromJson.call(e) as T).toList();
    }

    如何使用

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

  • 相关阅读:
    系统方向学习总结7--Android 10.0 app获取不到序列号解决方案
    简单易上手的在windows部署cmake版paddledetection/yolo(c++)
    Camunda 创建 流程图回调 (三)
    Python学习笔记第九天(字典)
    Qt中的数据库使用
    为了进大厂,我啃透这份400页的Java架构知识点笔记,已从13K涨到25K
    为什么postman不会有跨域问题
    字节5年经验之谈 —— Selenium 中并行测试的重要性!
    Vue中的Ajax①(配置代理)
    【无标题】
  • 原文地址:https://blog.csdn.net/hantian616/article/details/126406205