IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Flutter路由传参 -> 正文阅读

[移动开发]Flutter路由传参

1、普通路由

//main.dart
routes: routes,
// 路由跳转
onTap: () {
  // 跳转到任务详情页
  Navigator.of(context).pushNamed('taskDetail',
      arguments:listViewData[index]);
},
// 接收参数,在Widget中
Text(ModalRoute.of(context).settings.arguments.toString();)

2、路由拦截onGenerateRoute

我想把传过来的参数,放在initState中,初始化一个变量,再以变量为参数发送请求获得数据

  void initState() {
    super.initState();
    _taskTrunk = ModalRoute.of(context).settings.arguments;//报错,不知是何原因?
  }

查了下网上的同学们提供的方法onGenerateRoute

   // main.dart路由
   initialRoute: '/',
   // routes: routes,//普通路由时定义的
   onGenerateRoute: onGenerateRoute,
// route.dart
//配置路由
import 'package:AGV/view/login_view.dart';
import 'package:AGV/view/mainPage_view.dart';
import 'package:AGV/view/task/taskDetail_view.dart';
import 'package:flutter/material.dart';
import 'package:AGV/view/task/taskAdd_view.dart';

final routes = {
  "/": (context, {arguments}) => MainPageView(),
  "login": (context, {arguments}) => LoginView(),
  "taskAdd": (context, {arguments}) => TaskAddView(),
  "taskDetail": (context, {arguments}) => TaskDetailView(arguments: arguments),
};

// 处理参数传递
// ignore: top_level_function_literal_block
var onGenerateRoute = (RouteSettings settings) {
  // 获取声明的路由页面函数
  // var pageBuilder = routes[settings.name];
  final Function pageBuilder = routes[settings.name];
  print('********************************');
  if (pageBuilder != null) {
    if (settings.arguments != null) {
      // print(settings.arguments);
      final Route route = MaterialPageRoute(
        builder: (context) {
          //将RouteSettings中的arguments参数取出来,通过构造函数传入
          return pageBuilder(context, arguments: settings.arguments);
        },
        settings: settings,
      );
      return route;
    } else {
      return MaterialPageRoute(builder: (context) => pageBuilder(context));
    }
  }
  return MaterialPageRoute(builder: (context) => MainPageView());
};
// 路由跳转
onTap: () {
  // 跳转到任务详情页
  Navigator.of(context).pushNamed('taskDetail',
      arguments: {'taskData': listViewData[index]});
},
// 接收参数
class TaskDetailView extends StatefulWidget {
  TaskDetailView({Key key, this.arguments}) : super(key: key);
  final Map arguments;
  @override
  _TaskDetailViewState createState() => _TaskDetailViewState();
}

class _TaskDetailViewState extends State<TaskDetailView> {
  TaskTrunk _taskTrunk;
  void initState() {
    super.initState();
    _taskTrunk = widget.arguments['taskData'];
  }
  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-08-17 15:30:31  更:2021-08-17 15:30:47 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 9:33:18-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码