美文网首页
Flutter实战-页面参数传递

Flutter实战-页面参数传递

作者: 蓝面书生IT | 来源:发表于2022-08-17 15:05 被阅读0次

    用了两年的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) ?? [];

    相关文章

      网友评论

          本文标题:Flutter实战-页面参数传递

          本文链接:https://www.haomeiwen.com/subject/rdpegrtx.html