当我运行代码时，为什么在_WidgetsAppState中找不到路由RouteSettings("/coursePage"，null)的生成器 - 腾讯云开发者社区

文章/答案/技术大牛

发布

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

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

1.6K1 0

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

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

6372 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 )在移动开发中通常指页面（ Page ），这跟 web 开发中单页应用的 Route 概念意义是相同的，Route 在Android 中通常指一个 Activity ，在 iOS 中指一个...maintainState：默认情况下，当入栈一个新路由时，原来的路由仍然会被保存在内存中，如果想在路由没用的时候释放其所占用的所有资源，可以设置maintainState为false。...我们在通过路由名称入栈新路由时，应用会根据路由名称在路由表中找到对应的WidgetBuilder回调函数，然后调用该回调函数生成路由widget并返回。...，也可以放在构造的 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优雅的嵌入现有应用

为什么写thrio？在早期Flutter发布的时候，谷歌虽然提供了iOS和Android App上的Flutter嵌入方案，但主要针对的是纯Flutter的情形，混合开发支持的并不友好。...很多时候，使用者不需要关注 index，只有当需要定位到多开的 url 的页面中的某一个时才需要关注 index。最简单获取 index 的方式为 push 方法的回调返回值。...页面通知一般来说并不在路由的范畴之内，但我们在实际开发中却经常需要使用到，由此产生的各种模块化框架一个比一个复杂。...初始化链将所有模块需要初始化的代码串起来，同样是为了降低耦合度，在初始化链上可以就近注册模块的页面的构造器，页面路由观察者，页面生命周期观察者等，也可以在多引擎模式下提前启动某一个引擎。...一个应用允许启动多个Flutter引擎，可让每个引擎运行的代码物理隔离，按需启用，劣势是启动多个Flutter引擎可能导致资源消耗过多而引起问题；一个Flutter引擎通过切换可以匹配到多个FlutterViewController

2.7K2 0

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

7723 0

Flutter | 路由管理

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

1.1K2 0

Flutter 路由参数传递及接收

代码实现我们使用一个列表跳转到详情页来演示路由参数获取（列表构建文章请看Flutter 入门与实战（五）：来一个图文并茂的列表）。点击列表行时携带列表数据项的 id 跳转到详情页。...在详情页中，Flutter 提供了一个ModalRoute的类从当前上下文获取路由配置参数，代码如下所示： class DynamicDetail extends StatelessWidget {...onGenerateRoute的 settings 参数，因此假设我们需要增加额外的路由参数（例如全局参数），则可以在 onGenerateRoute 方法中重新组装路由参数。...= null) { arguments['event'] = '路由拦截增加的参数'; } RouteSettings newSettings = settings.copyWith...目前这种路由管理也会存在一定的不便之处，比如无法像网页的 url 一样在路径名传递可变参数，以及无法控制页面跳转的转场动画。

1.8K0 0

Flutter | 路由管理

对于移动开发者来说，路由指的就是页面，在 Android 中就是 activity，在 ios 中Wie ViewController 说简单点就是映射页面跳转关系的，当然它也包含跳转相关的一切功能而路由管理则就是管理这些页面直接跳转...，当入栈一个新的路由时，原来的路由仍然会保存在内存中，如果想在路由没用的时候释放其所占用的资源，可以设置为 false fullscreenDialog 表示新的路由是否是一个全屏的模态对话框，在 ios...最终将返回值打印出来如果不了解 async 可查看这篇文章，Dart，随用随查运行上面的代码，点击 "打开提示页面"，效果如下所示 image.png 打印的结果 I/flutter (23778...): 路由返回值我是返回值需要注意的是 1，参数是通过构造方法传入的 2，如果点击左上角，或者返回按钮进行返回，则页面返回的值为 null 命名路由有名字的路由，给路由起一个名字，就可以通过名字直接打开路由了...有一个 onGenerateRoute 属性，他在打开路由时可能会被调用，之所以说可能，是应为当调用 Navigator.pushNamed() 打开路由时，如果指定的路由在路由表中已经注册，则会调用路由表中的

1.3K5 0

Flutter 混合开发框架模式探索

即整个 Flutter 运行在一个单例的 FlutterViewController 容器里，Flutter 内部的所有页面都在这个容器中管理。...最基本的解决思路是，把这个 FlutterViewController 与 NativeViewController 混合起来，直接让 FlutterViewController 在 iOS 的路由栈中来回移动...方法，而它的实现就是业务侧的路由管理类中的open 方法，即最终仍然交由业务侧的路由去实现。...Dart 侧在 container_coordinator.dart 中接受消息： Flutter Boost 的 Dart 侧代码比较简单，containercoordinator.dart 顾名思义...，因 Thrio 的多引擎目前还在开发完善中，因此我们本节就不看它多引擎部分的代码了，看看主体部分吧。

2.7K1 0

关于 @RequestBody对象为null 的问题

@RequestBody对象为null 今天遇到了一个非常奇怪的问题，当我在使用@RequestBody 进行传参时，在service层一直获取不到对象值，后台提示错误是空指针异常，找了很久都没有发现是什么问题...，结果在最后发现是注解的坑。...", status); } queryWrapper.orderByDesc("gmt_create"); baseMapper.selectPage(coursePage...层中并没有获取到对象（Query），导致对象（Query）为空，当对象调用getter方法时就会爆出空指针异常的错误！...找了很久都没发现哪里出错了，结果是错在了注解上！！！解决方法 springMvc的新注解：GetMapping 不支持@RequestBody ，使用PostMapping改成以下代码就可以了!

1.9K2 0

Android与Python爱之初体验

5 JNI Python C 当我成功使用C语言调用Python之后，我着手在JNI开发里调用Python，Python文件放在assets中。...但是在开发过程中遇到了以下几个问题：头文件找不到（Python.h）没有移动平台的python.so 兼容性找不到.py文件接下来一个一个填坑。...6 头文件找不到（Python.h）在MK文件中添加引用， ? 这段代码其实也把下一个问题解决了。...当我们编译成功SO库之后，C文件在运行中并不会被调用，而是调用编译为.so的文件中的方法。...在MK文件中，我们还需要加一段代码，编译crystax so库。 ?

1.6K2 0

深入探究Flutter中的页面导航器：Navigator详解

页面路由管理：在Navigator中，每个页面都是一个路由对象（Route）。当我们跳转到一个新的页面时，会将对应的路由对象压入到路由栈中，成为当前页面。...而当我们从页面返回时，会将当前页面对应的路由对象从路由栈中弹出，返回到上一个页面。...使用RouteSettings：除了在跳转时直接传递参数外，我们还可以使用RouteSettings来传递路由参数。这种方法通常用于在页面跳转时指定一些额外的路由设置信息。...命名路由的使用可以使代码更加清晰、易读，尤其是在大型应用中具有很好的可维护性和可扩展性。 6....在设计应用路由时，应该充分利用命名路由和命名参数来提高代码可读性和维护性，避免硬编码路由路径和参数。

4.6K2 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中命名路由模块化及传参

Flutter 中的命名路由在实际项目中使用最为常用。要想使用命名路由首先要配置路由，并引入路由地址对应的页面组件。...main.dart 主页面引入的子页面 Form.dart 页面代码： // lib/pages/Form.dart import 'package:flutter/material.dart'; /...label:"设置" ) ] ), )); } } 上面 Tabs 页面代码中引入了三个子页面...对于页面较少的情况下，我们可以在主页面中直接引入所有路由对应的子页面，当页面较多时，需要将路由进行模块化。首先定义一个单独的路由文件，并引入路由对应的组件，添加路由监听事件。...中引入单独抽离的路由文件。

1.8K1 0

Flutter 组件 | Builder 构造器与 BuildContext 认知

断点如下，MyApp 是代码层的顶部组件，我们可以看一下在 build 方法中，回调过来的这个 context 对象到底是个什么东西。 ? 从下面调试结果可以看出: 【1】....其实 Navigator.of(context) 是一个静态方法，用于返回 NavigatorState，而路由的方法都是定义在 NavigatorState 中的。...，因为MediaQuery 是在 MaterialApp 内部包含的，这时 context 中是找不到的，所以想要使用 MediaQuery，那就必需将 context 下移到 MaterialApp...，是找不到的。...在 _WidgetsAppState#build 中可以看到如果 builder 属性非空，会使用 Builder 组件。

2.7K2 1

从零开始的Flutter之旅: Navigator

Navigator 需要注意的是，push操作会返回一个Future，它是用来接收新的路由关闭时返回的数据。...在Android中对应的就是startActivityForResult() 和 onActivityResult()API。...这段判断代码其实在App启动时的引导页面中，所以不管最终跳转到哪个页面，最终这个引导页面都需要从路由中消失，所以这里就可以通过pushReplacement来开启新的路由页面。...以上是相对比较原始的方法进行参数传递，还有另一种做个Android的朋友都知道在Activity页面跳转时可以同Intent进行参数传递，而接受页面也可以通过Intent来获取传递过来的参数。...在Flutter中也有类似的传参方式。我们可以通过MaterialPageRoute中的settings来构建一个arguments对象，将其传递到跳转的页面中。

9971 0

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

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

1.4K2 0

Flutter：浅析flutter-boost原理

在createFlutterView中： protected View createFlutterView() { return delegate.onCreateView(null,null,...在ios中我们通过FlutterViewController来展示flutter页面，可以参考Flutter混合开发：在已有iOS项目中引入Flutter，所以这个相当于android中的FlutterActivity...在flutter-boost的ios源码中我们可以找到FLBFlutterViewContainer.m（flutter_boost/ios/Classes/container/）这个文件，在这个文件中搜索...其生命周期与android中的resume类似，所以在这个阶段执行didShowPageContainer，在flutter中完成widget切换。...engine，提前初始化并预热（ios中是运行）这个engine来提高加载效率。

2.3K4 0

点击加载更多

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

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

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

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

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

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

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

Flutter | 路由管理

Flutter 路由参数传递及接收

Flutter | 路由管理

Flutter 混合开发框架模式探索

关于 @RequestBody对象为null 的问题

Android与Python爱之初体验

深入探究Flutter中的页面导航器：Navigator详解

flutter3_window_chat仿微信桌面端聊天实战

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

Flutter 组件 | Builder 构造器与 BuildContext 认知

从零开始的Flutter之旅: Navigator

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

Flutter：浅析flutter-boost原理

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐