[移动开发]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);
}

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