Flutter路由跳转的两种方式

server/2024/9/25 21:44:03/

1.基本路由跳转:文件引入在你要跳转的页面引入

        ElevatedButton(onPressed: () {Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) {return const NewsPage(arguments: {"title": "基本路由新闻页面传值","aid": 88888888,},);},),);},child: const Text('基本路由跳转新闻页面(传值)'),),

2.命名路由跳转:此时文件在main.dart文件引入

        ElevatedButton(onPressed: () {Navigator.pushNamed(context, '/news', arguments: {"title": "命名路由新闻页面传值","aid": 999999999,});},child: const Text('命名路由跳转新闻页面(传值)'),),

此时需要在main.dart页面配置相关属性

import 'package:flutter/material.dart';
import "./pages/namedRoutes/tabs.dart";
import "./pages/namedRoutes/news.dart";
import "./pages/namedRoutes/form.dart";void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {// 1.配置路由表final Map routes = {"/": (context) => const Tabs(),"/form": (context) => const FormPage(),"/news": (context, {arguments}) => NewsPage(arguments: arguments),};MyApp({super.key});@overrideWidget build(BuildContext context) {return MaterialApp(title: "Flutter Demo",debugShowCheckedModeBanner: false, // 去除debug标签theme: ThemeData(primarySwatch: Colors.blue,primaryColor: Colors.red,),// home: const Tabs(),//2、调用onGenerateRoute处理onGenerateRoute: (RouteSettings settings) {// 统一处理final String? name = settings.name;final Function? pageContentBuilder = routes[name];if (pageContentBuilder != null) {if (settings.arguments != null) {final Route route = MaterialPageRoute(builder: (context) =>pageContentBuilder(context, arguments: settings.arguments));return route;} else {final Route route = MaterialPageRoute(builder: (context) => pageContentBuilder(context));return route;}}return null;},);}
}


http://www.ppmy.cn/server/33658.html

相关文章

Wireshark CLI | 过滤包含特定字符串的流

问题背景 源自于和朋友的一次技术讨论,关于 Wireshark 如何查找特定字符串所在的 TCP 流,原始问题如下: 仔细琢磨了下,基于我对 Wireshark 的使用经验,感觉一步到位实现比较困难,所以想着说用 Wireshark C…

零基础学习数据库SQL语句之查询表中数据的DQL语句

是用来查询数据库表的记录的语句 在SQL语句中占有90%以上 也是最为复杂的操作 最为繁琐的操作 DQL语句很重要很重要 初始化数据库和表 USE dduo;create table tb_emp(id int unsigned primary key auto_increment comment ID,username varchar(20) not null unique comment…

【计算机网络】循环冗余校验:Cyclic Redundancy Check

1. 任务目标 利用循环冗余校验(CRC)检测错误。 循环冗余校验(英语:Cyclic redundancy check,通称 CRC)是一种根据网上数据包或计算机文件等数据产生简短固定位数校验码的一种散列函数,主要用来…

20232803 2023-2024-2 《网络攻防实践》实践八报告

目录 1. 实践内容2. 实践过程2.1 动手实践任务一2.2 动手实践任务二:分析Crackme程序2.2.1 crackme1.exe2.2.2 crackme2.exe 2.3 分析实践任务一2.4 分析实践任务二 3. 学习中遇到的问题及解决4. 学习感悟、思考等 1. 实践内容 动手实践任务一:对提供的r…

嘉楠堪智 CanMV K230 进行 Linux、RT-smart 系统开发

本文记录学习、使用 K230 SDK 进行 Linux、RT-smart 系统的开发的一些关键步骤,如何获取系统源代码,如何配置环境,如何使用 Docker 进行编译,获得系统文件。 具体详细的教程,可以学习 CanMV K230 教程。 目录 一、S…

深度学习之基于Matlab NN的伦敦房价预测

欢迎大家点赞、收藏、关注、评论啦 ,由于篇幅有限,只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 一、项目背景 房价预测是房地产领域的一个重要问题,对于投资者、开发商以及政策制定者等都具有重要的指…

Python异步Redis客户端与通用缓存装饰器

前言 这里我将通过 redis-py 简易封装一个异步的Redis客户端,然后主要讲解设计一个支持各种缓存代理(本地内存、Redis等)的缓存装饰器,用于在减少一些不必要的计算、存储层的查询、网络IO等。 具体代码都封装在 HuiDBK/py-tools: …

C# 中 IOC (Inversion of Control,控制反转)

在 C# 中,IOC (Inversion of Control,控制反转) 是一种设计模式和软件开发原则,用于解耦组件之间的依赖关系,提高代码的可维护性和可测试性。IOC 容器是实现 IOC 的关键组件,它负责管理对象的创建、生命周期和依赖注入…