flutter 携带参数跳转页面

flutetr 携带参数跳转页面的有特别多的方式,大名鼎鼎的Bloc模式就可以跨页面共享数据,那么其他的一些状态管理框架也是可以的,这里记录一个十分简单的方式,运用SDK提供的方式去传递数据.

import 'package:flutter/material.dart';

/// Created by eaaomk on 2021/7/6.
/// Desc:抽象传递数据类型
class IGenericDataProvider<T> extends InheritedWidget {
  final T data;

  IGenericDataProvider({Key? key, required Widget child, required this.data})
      : super(key: key, child: child);

  @override
  bool updateShouldNotify(IGenericDataProvider oldWidget) {
    return data != oldWidget.data;
  }

  static T of<T>(BuildContext context) {
    return context.dependOnInheritedWidgetOfExactType<IGenericDataProvider<T>>()!.data;
  }
}

传递参数跳转:

Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => IGenericDataProvider<T>(
          child: widget,///这个是你要跳转的页面
          data: data,///这个是携带的任意参数
        ),
      ),
    );

接收参数的时候得注意一下,不能在initState函数中接收数据,得在build函数中读取数据,可以将参数定义为late类型,

late var data; ///你传递过来的参数类型,不必使用var 

@override
  Widget build(BuildContext context) {
    data = IGenericDataProvider.of<RechargeData>(context);
}

这里再提一下最简单的,那就是把数据当做新页面的一个参数进行跳转,但不太美观也不太方便。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值