flutter GetMaterialAPP unknownRoute 失效

已于 2023-09-28 11:18:15 修改
阅读量256 收藏
点赞数
文章标签： 前端
于 2023-09-27 16:16:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zww986736788/article/details/133355402
版权
文章讲述了在使用ReactNavigation时，如何避免`initialRoute`设置为`/`导致的未定义导航问题，即首次进入时不会自动跳转到notFoundPage。建议注释掉`root`的/并调整`initialRoute`以控制初始页面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这个问题。。。找了半天，最后去了 官网的ISSu找到了答案，分享给同样困惑的小伙伴们

为了让`unknownRoute`能成功工作, 你的`initialRoute`一定不能是`/`, 否则当有未定义的导航时, Get只会跳到initialRoute页面去了.

GetPage 里面不要把root设置为“/” 页面，比如我的

initRoute刚好是 "/login"，所以默认都进入了login页面，注释掉root("/"),GetMaterialApp 的initialRoute 也可以去掉（这样初次登录的时候就不会直接进入到notFoundPage页面了）。

芦苇花开
关注
flutter 输入框_Flutter中的widget
weixin_39609483的博客
11-29 232
Flutter页面-基础Widget在Flutter中，几乎所有的对象都是一个 Widget，与原生开发中的控件不同的是，Flutter中的 widget的概念更广泛，它不仅可以表示UI元素，也可以表示一些功能性的组件如：用于手势检测的 GestureDetector widget、用于应用主题数据传递的 Theme等等。由于Flutter主要就是用于构建用户界面的，所以，在大多数时候，可以认为w...
Flutter开发之——getX-路由管理(04)
我的博客
05-02 8088
一 概述 路由跳转(不使用named命名和使用named命名) 路由跳转传值 路由中间件Middleware 路由嵌套导航 二 路由跳转(不使用named命名和使用named命名) 2.1 前提(GetMaterialApp取代MaterialApp) GetMaterialApp( // Before: MaterialApp( home: MyHome(), ) 说明： GetMaterialApp：GetX自带的MaterialApp，配置路由表，管理路由入栈、出栈等操作 Materia
getx 学习 使用 记录 - 路由
qq_33950912的博客
06-16 4412
getx 现在非常火的flutter 控件 学习的时候官网的教程 我看了很迷， 经过后期的使用才慢慢了解 ， 在这里做一个总结 记录 主要有以下部分使用路由 使用 首先在 pubspec.yaml 中引入 get dependencies: get: ^3.21.2 在 main.dart 中进行注册 runApp(GetMaterialApp( localizationsDelegates: [ //本地化操作 GlobalMaterialLocalizations
flutter Getx框架 GetMaterialApp动态路由问题
zwangltl
02-12 244
这个是我在处理Flutter android端，外部浏览器通过scheme打开app时，会默认触发路由问题的过程中发现的。那像Get拦截这类路由，可以使用Getx中间件的形式，在跳转到unknownRoute页面之前，根据外部链接判断具体的拦截策略。但是GetMaterialApp则不会触发onUnknownRoute、onGenerateRoute，因为其使用的是Get.to函数，代码如下。
深入浅出 GetX：超详细实用指南，全方位掌握 Flutter 开发利器第一篇之路由管理篇
我叫柱子哥
03-16 8471
正如Get官方介绍，GetX 是 Flutter 上的一个轻量且强大的解决方案：高性能的状态管理、智能的依赖注入和便捷的路由管理。GetX 有3个基本原则：性能： GetX 专注于性能和最小资源消耗。效率： GetX 的语法非常简捷，并保持了极高的性能，能极大缩短你的开发时长。结构： GetX 可以将界面、逻辑、依赖和路由之间低耦合,逻辑更清晰，代码更容易维护。这篇文章主要是介绍下GetX的用法。
对Flutter GetX的一些理解
小陈的博客
08-26 3078
1.创建控制器并继承GetxController，通过.obs扩展方法声明响应式变量(Rx)
Flutter 全能型选手GetX —— 路由管理
热门推荐
源代码的博客
08-14 1万+
Getx路由的基本使用
android studio 顶部导航栏_Flutter路由与导航
weixin_39789646的博客
12-01 1601
基本概念如果说构成视图元素的基本单位是组件，那么构成应用程序的基本单位就是页面。对于拥有多个页面的应用程序而言，如何从一个页面平滑地过渡到另一个页面，是技术框架需要考虑的问题。在前端开发中，可以使用路由框架来统一管理页面及它们之间的跳转。在Android中路由指的是一个Activity，在iOS中指的是一个ViewController，可以通过startActivity或pushViewContr...
Flutter GetMaterialAPP 配置
zww986736788的博客
09-28 1004
Flutter的GetMaterialAPP配置
静态路由Route不生效的解决方法
qq_36323157的博客
06-21 1万+
静态路由Route不生效的解决方法
Flutter之MaterialApp使用详解
weixin_33895657的博客
08-15 1569
如需转载，请尊重作者，注明出处，谢谢配合！ 22个参数 字段 类型 navigatorKey（导航键） GlobalKey home（主页） Widget routes（路由） Map<String, WidgetBuilder> initialRoute（初始路由） String onGenerateRoute（生成路由） RouteFactor...
flutter之： GetX 的 路由管理
daxues_的博客
06-08 8051
1.如何使用 将此添加到pubspec.yaml文件中。 dependencies: get: 在MaterialApp前面加上 “Get”，就可以把它变成GetMaterialApp GetMaterialApp( // Before: MaterialApp( home: MyHome(), ) 2.普通路由导航 2.1 导航到新的页面。 Get.to(NextScreen()); 2.2 关闭SnackBars、Dialogs、BottomSheets或任何你通常会用Nav
Getx - 如何使用路由管理页面
冲锋
03-25 1万+
路由使用 英文文档参考,既然要get的使用，就需要首先再入口处使用 GetMaterialApp 示例代码仓库 1. GetMaterialApp GetMaterialApp常用配置参数说明 配置同 MaterialApp 差不多 可选参数名 描述 类型 title 是应用程序的描述 String defaultTranstion 路由的过渡效果 Transition枚举 initialRoute 默认选中的路由页面 字符串，或者页面类名 unknownRoute 路由找不到显
使用Getx框架简化Flutter开发
XBlithe的博客
09-29 5840
一. GetX的作用 GetX 是 Flutter 上的一个轻量且强大的解决方案,包含了以下的功能. 页面状态管理(跨页面交互) 路由管理 国际化、主题的适配 全局BuildContext 无Context弹窗 依赖注入 二. GetX安装 GetX 1. 引入GetX依赖 在pubspec.yaml文件中添加Getx依赖: get: ^4.x.x 2. GetX入口配置 各模块导包，均使用下面包即可 import 'package:get/get.dart'; 只需要将MaterialApp改成G
阿里云服务器安装nginx并配置前端资源路径（前后端部署到一台服务器并成功访问）
2301_79201170的博客
06-05 969
​​​运行以下命令，。运行wget命令。您可以通过Nginx开源社区直接获取对应版本的安装包URL，然后通过wget URL的方式将Nginx安装包下载至ECS实例。例如，Nginx 1.21.6的下载命令如下：运行以下命令，，然后。make​./nginx​没有报错信息则代表nginx启动成功！启动防火墙服务放行80端口重加载防火墙使修改生效查看状态重启停止kill -9 端口号。
前端表单验证进阶：如何使用 jQuery.validator.addMethod() 编写自定义验证器(全是干货，建议收藏)
m0_56259289的博客
06-04 400
本文介绍如何使用 jQuery.validator.addMethod() 创建自定义表单验证方法。通过一个“禁止时间为 00:00”的案例，详细讲解验证函数的编写、错误信息处理、封装技巧及最佳实践。适用于需要扩展 jQuery Validation 插件的场景，帮助开发者实现更灵活的表单验证逻辑，提升前端开发效率与代码复用性。
2025年阿里最新软件测试面试题：Web 测试+接口测试+App 测试
2401_83387413的博客
06-05 797
上面就是我为大家整理出来的一份软件测试工程师发展方向知识架构体系图。希望大家能照着这个体系在1-2年内完成这样一个体系的构建。可以说，这个过程会让你痛不欲生，但只要你熬过去了。以后的生活就轻松很多。正所谓万事开头难，只要迈出了第一步，你就已经成功了一半，古人说的好“不积跬步，无以至千里。”等到完成之后再回顾这一段路程的时候，你肯定会感慨良多。
45、web实验-抽取公共页面
weixin_54449574的博客
06-06 525
在其他需要使用公共片段的页面中，通过`th:insert`、`th:replace`或`th:include`属性引入公共片段。- **`th:include`**：将公共片段的内容插入到指定标签内部，但不保留公共片段的根标签。- **`th:insert`**：将公共片段的内容插入到指定标签内部，保留原标签。- **`th:replace`**：用公共片段的内容替换指定标签及其内容。-- 引入公共的侧边栏代码 -->-- 引入公共的头部代码 -->-- 引入公共的底部代码 -->
前端node项目——gif实时生成倒计时（30s内）
最新发布
编程知识分享，主打前端
06-06 148
node实现api返回gif实时倒计时
mysql8.0创建My.ini
04-28
在 MySQL 8.0 中，My.ini 文件已经被重命名为 my.cnf 文件，因此你需要创建 my.cnf 文件来配置 MySQL。 下面是在 Windows 上创建 my.cnf 文件的步骤： 1. 在 MySQL 安装目录下创建一个新的文件夹，命名为 my.cnf.d。 2. 在 my.cnf.d 文件夹中创建一个新的文本文件，命名为 my.cnf。 3. 打开 my.cnf 文件，将以下内容复制并粘贴到文件中： ``` [mysql] default-character-set=utf8mb4 [mysqld] basedir=C:/Program Files/MySQL/MySQL Server 8.0 datadir=C:/ProgramData/MySQL/MySQL Server 8.0/Data port=3306 character-set-server=utf8mb4 default-authentication-plugin=mysql_native_password ``` 注意：basedir 和 datadir 参数应该根据你的 MySQL 安装路径进行调整。 4. 保存 my.cnf 文件。 完成上述步骤后，你就成功地创建了 my.cnf 文件，并且可以使用它来配置 MySQL 8.0。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值