在_WidgetsAppState中找不到路由RouteSettings("SecondScreens"，null)的生成器 - 腾讯云开发者社区

文章/答案/技术大牛

发布

Flutter路由管理和页面参数的传递（源码分析）

前言上一篇 Flutter路由管理和页面参数的传递（获取&返回）文章中我们讲述了这么用代码实现 Flutter 中页面参数的传递，这一篇我们用源码分析一下 Navigator 为什么可以进行页面参数传递...Navigator的生成 Navigator 的 Widget 是是什么时候添加到视图树中的呢？...在_WidgetsAppState 的 Widget build(BuildContext context) 方法中我们找到了管理路由的 Navigator 的构造时机。...也就是 _WidgetsAppState 的 _onGenerateRoute 方法实现： Route _onGenerateRoute(RouteSettings settings)...这个解释了在 Flutter路由管理和页面参数的传递（获取&返回）这篇文章末尾说的 onGenerateRoute 方式进行的参数传递，必须不能进行 routers 的注册。

1.6K1 0

Flutter之WidgetsApp使用详解&与MaterialApp的纠缠

1. textStyle 为应用中的文本使用的默认样式使用 //该段代码源自flutter/material/app.dart //因为MaterialApp都是使用Theme里面的主题色，并且一般部件使用的是...4. home 该字段在MaterialApp中调用的是WidgetsApp的onGenerateRoute 当参数setting.name为Navigator.defaultRouteName(即..."/")时返回home的Widget 所以可以推测当程序启动时，会调用一个以"/"为路由名的Widget 下面来看一段源码 Route _onGenerateRoute(RouteSettings...= null) { builder = (BuildContext context) => widget.home; } else { //这里查找路由对应的Widget，即为routes..._onGenerateRoute : null, ) 5. routes 这个字段上面源码已经解释的很清楚就是在 _onGenerateRoute方法里面查找合适的路由查找不到才在自身字段

2.3K3 1

您找到你想要的搜索结果了吗？

是的

没有找到

Flutter路由管理和页面参数的传递（获取&返回）

例如，我们可能有一个显示产品的页面，然后，用户可以点击产品，跳到该产品的详情页。在Android中，页面对应的是Activity，在iOS中是ViewController。...Route 在讲 Route 传参的时候，我们先讲讲 Flutter 中 Route 相关的知识点。...路由( Route )在移动开发中通常指页面（ Page ），这跟 web 开发中单页应用的 Route 概念意义是相同的，Route 在Android 中通常指一个 Activity ，在 iOS 中指一个...push方法源码下边是 Navigator.push 的源码，入参的 Route 对象中有一个 RouteSettings 成员变量，我们可以在构造 Route 对象的时候将需要传递的参数放在 RouteSettings...，也可以放在构造的 MaterialPageRoute 的 RouteSettings 中。

5.6K4 0

还记得第一个看到的Flutter组件吗？

title参数是应用程序的描述，在Android上，在任务管理器的应用程序快照上面显示，在IOS上忽略此属性，IOS上任务管理器应用程序快照上面显示的是Info.plist文件中的CFBundleDisplayName...MaterialApp按照如下的规则匹配路由：路由为/，home不为null则使用home。使用routes指定的路由。...如果initialRoute设置为icon，在routes中存在，所以加载routes中指定的路由，即IconDemo页面。...如果initialRoute设置为icons1,此时routes中并不存在名称为icons1的路由，调用onGenerateRoute，如果onGenerateRoute返回路由页面，则加载此页面，如果返回的是...null，且home不为null，则加载home参数指定的页面，如果home为null，则回调onUnknownRoute。

1.2K0 0

Flutter 耗时监控 | 路由名为空原因分析

MaterialApp 中设置路由守卫并在路由守卫中打印 route 名。...main.dart launch_observer.dart TestPage2.dart 路由守卫中打印结果如下：可以看出应用启动进入 main 打印是正确的，之前没有页面，进入时候打印...我试着复现文章开头的例子，代码如下： main.dart 不变，点击 + 跳转到 TestPage2 在 TestPage2 中获取路由参数和路由名字结果发现：name 的值仍然为 null;...而通过继承关系追溯，最终 Route 中的 RouteSettings② 由 MaterialPageRoute① 传过来。...最最推荐的做法是通过 APT 方式模块化路由功能，这样应用中所有 MaterialPageRoute 生成过程就可以收拢，生成代码时将 RouteSettings 属性添加上即可。

6292 0

还记得第一个看到的Flutter组件吗？

7673 0

如何将Flutter优雅的嵌入现有应用

thrio的页面路由以dart中的 Navigator 为主要参照，提供以下路由能力： push，打开一个页面并放到路由栈顶 pop，关闭路由栈顶的页面 popTo，关闭到某一个页面 remove，删除任意页面...但是当一个页面被打开多次之后，仅仅通过url是无法定位到明确的页面实例的，所以在 thrio 中我们增加了页面索引的概念，具体在API中都会以 index 来表示，同一个url第一个打开的页面的索引为...如此，唯一定位一个页面的方式为 url + index，在dart中 route 的 name 就是由 '$url.$index' 组合而成。...页面通知一般来说并不在路由的范畴之内，但我们在实际开发中却经常需要使用到，由此产生的各种模块化框架一个比一个复杂。...在 dart 中，有一个 Widget 提供了该功能，thrio 完好的保留了这个功能。

2.7K2 0

Flutter 路由参数传递及接收

; } 除了 routeName 的命名路由以外，还有个可选参数 arguments 用于在路由页面传递参数。pop 方法也一样： void pop([ T?...在详情页中，Flutter 提供了一个ModalRoute的类从当前上下文获取路由配置参数，代码如下所示： class DynamicDetail extends StatelessWidget {...onGenerateRoute的 settings 参数，因此假设我们需要增加额外的路由参数（例如全局参数），则可以在 onGenerateRoute 方法中重新组装路由参数。...= null) { arguments['event'] = '路由拦截增加的参数'; } RouteSettings newSettings = settings.copyWith...目前这种路由管理也会存在一定的不便之处，比如无法像网页的 url 一样在路径名传递可变参数，以及无法控制页面跳转的转场动画。

1.8K0 0

【Flutter 实战】全局监听路由堆栈变化

老孟导读：很多时候我们需要监听路由堆栈的变化，这样可以自定义路由堆栈、方便分析异常日志等。...监听路由堆栈的变化使用 RouteObserver ，首先在 MaterialApp 组件中添加 navigatorObservers： void main() { runApp(MyApp());...settings.name; print('A-didPop route: $route'); } } 其中 didPush、didPushNext、didPopNext、didPop 为路由堆栈变化的回调...上面的案例仅仅是页面级别的路由堆栈变化，如果想知道整个应用程序路由堆栈变化如何处理？一种方法是写一个监听路由堆栈的基类，所有页面继承此基类。此方法对源代码的侵入性非常高。...("/A", null), animation: AnimationController#e60f7(⏭ 1.000; paused; for MaterialPageRoute(/A

5K4 0

flutter3_window_chat仿微信桌面端聊天实战

该项目周期不过个半月，开发中遇到了很多的技术问题，不过都最后解决了。通过这个项目旨在探究Flutter在桌面端技术实践，通过下面的一些技术分享让更多的开发者能参与推动flutter客户端的发展。...Flutter布局模板项目整体采用左中右三列布局，UI结构和微信客户端类似。...null : const RouteSettings(name: '/login'); }}Getx提供了middlewares中间件进行路由拦截。...// 路由拦截class AuthMiddleware extends GetMiddleware { @override RouteSettings? redirect(String?...null : const RouteSettings(name: '/login'); }}Flutter3自定义窗口操作按钮如下图：通过bitsdojo_window组件实现自定义窗口最小化/最大化

1.2K2 1

Flutter | 路由管理

对于移动开发者来说，路由指的就是页面，在 Android 中就是 activity，在 ios 中Wie ViewController 说简单点就是映射页面跳转关系的，当然它也包含跳转相关的一切功能..., RouteSettings?...我是返回值复制代码需要注意的是 1，参数是通过构造方法传入的 2，如果点击左上角，或者返回按钮进行返回，则页面返回的值为 null 命名路由有名字的路由，给路由起一个名字，就可以通过名字直接打开路由了..."), onPressed: () { Navigator.pushNamed(context, "router_test"); }) 复制代码在点击的事件中，跳转到对于的路由页面带参数的命名路由传递...有一个 onGenerateRoute 属性，他在打开路由时可能会被调用，之所以说可能，是应为当调用 Navigator.pushNamed() 打开路由时，如果指定的路由在路由表中已经注册，则会调用路由表中的

1.1K2 0

Flutter中命名路由模块化及传参

Flutter 中的命名路由在实际项目中使用最为常用。要想使用命名路由首先要配置路由，并引入路由地址对应的页面组件。...对于页面较少的情况下，我们可以在主页面中直接引入所有路由对应的子页面，当页面较多时，需要将路由进行模块化。首先定义一个单独的路由文件，并引入路由对应的组件，添加路由监听事件。...settings) { // 官网传参示例 // 获取当前路由名称 final String name = settings.name; // 获取路由名称对应的处理方法...= null) { if (settings.arguments !...中引入单独抽离的路由文件。

1.8K1 0

Flutter 系列之GetX的学习(2) --> 路由导航

那么在本小节我们将介绍Getx的另外一个功能 -->路由导航 2....未定义路由重定向要处理到未定义路线的导航（404错误），可以在GetMaterialApp中定义unknownRoute页面。...路由中间件 GetX 的路由支持中间件功能，允许在路由跳转之前进行拦截、验证或其他操作。常用于权限控制、重定向等场景。...例如，可以创建一个简单的身份验证中间件： class AuthMiddleware extends GetMiddleware { @override RouteSettings?...isLoggedIn) { return RouteSettings(name: '/login'); } return null; } } 然后在路由定义中使用中间件：

8831 0

Flutter fish_redux框架返回指定的页面

今天遇到一个问题，利用 pageRoutes 路由进行页面的跳转从 A —> B —> C —> D —> E 然后想要从 E处理过数据后直接返回到B 利用Navigator.popUntil(context..., ModalRoute.withName('/bPageName'));不能返回页面解决办法在onGenerateRoute return MaterialPageRoute的时候，加上settings...debugShowCheckedModeBanner: false, home: AppRoute.global.buildPage(RoutePath.root_page, null...), onGenerateRoute: (RouteSettings settings) { return MaterialPageRoute(...settings.name, settings.arguments); }, settings: settings); }); } 这样就可以返回指定的页面了

6912 0

Flutter 混合开发框架模式探索

由于 Google 官方提供的 Flutter 混合式开发方案过于简单，仅支持打开一个 Flutter View 的能力，而不支持路由间传参、统一的生命周期、路由栈管理等业务开发中必要的能力，因此我们需要借助第三方混合开发框架...在 Flutter 页面中，我们可以使用 Navigator.push 在打开另一个 Flutter 页面（Route）： ? 因此对于这种路由栈我们很容易实现： ?...最基本的解决思路是，把这个 FlutterViewController 与 NativeViewController 混合起来，直接让 FlutterViewController 在 iOS 的路由栈中来回移动...UINavigationController，之后在路由管理类中实现 open 方法，即在这个 navigationContainer 中 push 一个 FLBFlutterViewContainer...方法，而它的实现就是业务侧的路由管理类中的open 方法，即最终仍然交由业务侧的路由去实现。

2.7K1 0

Flutter | 路由管理

对于移动开发者来说，路由指的就是页面，在 Android 中就是 activity，在 ios 中Wie ViewController 说简单点就是映射页面跳转关系的，当然它也包含跳转相关的一切功能而路由管理则就是管理这些页面直接跳转...，当入栈一个新的路由时，原来的路由仍然会保存在内存中，如果想在路由没用的时候释放其所占用的资源，可以设置为 false fullscreenDialog 表示新的路由是否是一个全屏的模态对话框，在 ios...): 路由返回值我是返回值需要注意的是 1，参数是通过构造方法传入的 2，如果点击左上角，或者返回按钮进行返回，则页面返回的值为 null 命名路由有名字的路由，给路由起一个名字，就可以通过名字直接打开路由了...() { Navigator.pushNamed(context, "router_test"); }) 在点击的事件中，跳转到对于的路由页面带参数的命名路由传递 "new_page": (context...有一个 onGenerateRoute 属性，他在打开路由时可能会被调用，之所以说可能，是应为当调用 Navigator.pushNamed() 打开路由时，如果指定的路由在路由表中已经注册，则会调用路由表中的

1.3K5 0

从零开始的Flutter之旅: Navigator

这次我们接着来了解一下路由导航Navigator的相关信息。 Flutter中的路由管理与原生开发类似，都会维护一个路由栈，通过push入栈打开一个新的页面，然后再通过pop出栈关闭老的页面。...在Android中对应的就是startActivityForResult() 和 onActivityResult()API。...pop操作，出栈是可以向之前的页面传递数据，在Android中对应的就是setResult() Api @optionalTypeArgs bool pop(...在Flutter中也有类似的传参方式。我们可以通过MaterialPageRoute中的settings来构建一个arguments对象，将其传递到跳转的页面中。...：跳转的页面没有在routes中进行路由注册通过该回调方法，我们可以在这里进行路由拦截，再统一做一些页面跳转的逻辑处理。

9951 0

基于flutter3+deepseek+dio跨平台ai流式模板

'router/index.dart';void main() async { // 初始化存储服务 await GetStorage.init(); // 将.env文件内容加载到dotenv中...'Microsoft YaHei' : null, ), // 初始路由 initialRoute: appStore.isLogin ?...localizationsDelegates: [ ShirneDialogLocalizations.delegate, ], ); }}flutter3环境变量配置如下图：在项目根目录下新建一个....env配置文件，去deepseek申请一个api key，替换掉.env文件里的key即可。...null : const RouteSettings(name: '/login'); }}flutter3解析markdownimport 'package:flutter/material.dart

7662 1

Flutter入门（三）-路由

* StatefulWidget 如果想改变页面中的数据就要用到StatefulWidget，之前自定义组件继承的StatelessWidget是不能动态修改页面数据的 //自定义有状态组件 class...* bottomNavigationBar(底部导航按钮)+Navigator(路由/替换路由+传值) 命名路由比普通路由更适合统一管理代码结构 ?...贴一下很重要的路由管理类 import 'package:flutter/material.dart'; import '../pages/Tabs.dart'; import '.....固定写法 //参考https://flutter.dev/docs/cookbook/navigation/navigate-with-arguments var onGenerateRoutes = (RouteSettings...= null) { if (settings.arguments !

4521 0

《Flutter》-- 9.路由与导航

在Flutter开发中，根据是否需要提前注册路由标识符，路由管理可以分为基本路由和命名路由两种。...9.1.2 基本路由基本路由无需提前注册，在页面切换时需要手动构造页面的实例，使用起来相对简单灵活，适用于应用中页面不多的场景。...(), }, initialRoute: 'firse',//初始路由页面 ) 在路由表中注册好页面后，在其他页面中通过Navigator.pushNamed()来打开注册的页面。..., ) ); } } 示例效果： 9.1.5 路由传参可以在打开路由时传递参数，在目标页面通过ModalRoute的RouteSettings获取页面传递的参数。...在Flutter中，自定义路由需要用到PageRouteBuilder类，PageRouteBuilder是所有自定义路由的基类。

1.4K2 0

点击加载更多

Flutter路由管理和页面参数的传递（源码分析）

Flutter之WidgetsApp使用详解&与MaterialApp的纠缠

Flutter路由管理和页面参数的传递（获取&返回）

还记得第一个看到的Flutter组件吗？

Flutter 耗时监控 | 路由名为空原因分析

还记得第一个看到的Flutter组件吗？

如何将Flutter优雅的嵌入现有应用

Flutter 路由参数传递及接收

【Flutter 实战】全局监听路由堆栈变化

flutter3_window_chat仿微信桌面端聊天实战

Flutter | 路由管理

Flutter中命名路由模块化及传参

Flutter 系列之GetX的学习(2) --> 路由导航

Flutter fish_redux框架返回指定的页面

Flutter 混合开发框架模式探索

Flutter | 路由管理

从零开始的Flutter之旅: Navigator

基于flutter3+deepseek+dio跨平台ai流式模板

Flutter入门（三）-路由

《Flutter》-- 9.路由与导航

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐