flutter:在I/flutter (26461)：_WidgetsAppState中找不到路由产品详细信息(“/HairServices-RouteSettings-detail”，1)的生成器 - 腾讯云开发者社区

文章/答案/技术大牛

发布

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

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

1.6K1 0

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

断点如下，MyApp 是代码层的顶部组件，我们可以看一下在 build 方法中，回调过来的这个 context 对象到底是个什么东西。 ? 从下面调试结果可以看出: 【1】....在 Flutter 使用中，你所见到的每个 BuildContext 对象，它的本质都是 Element 对象。...其实 Navigator.of(context) 是一个静态方法，用于返回 NavigatorState，而路由的方法都是定义在 NavigatorState 中的。...所以，你认为的 Flutter 中的树，和真实的 Flutter 中的树是完全不同的。...在 _WidgetsAppState#build 中可以看到如果 builder 属性非空，会使用 Builder 组件。

2.7K2 1

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

是的

没有找到

Flutter 1.22 正式发布

您可以在cupertino_icons预览页面上看到图标的完整列表，在 flutter.dev上可以看到迁移详细信息页面。...在Flutter 1.22版中，我们预览了使用Flutter构建的App Clip目标。 ? 有关如何使用Flutter构建Clip的更多详细信息，请查看flutter.dev上的文档。...仍在使用v1 API的旧版应用程序在构建过程中将显示弃用警告，该警告指向支持新的Android插件API文档同时，如果您仍然有基于v1 Android API的Flutter应用程序，它将继续运行。...但是，您可能会开始遇到仅针对v2 API且v1 Android API无法使用的新插件。有关更多详细信息，请参见重大更改文档。扩展的 Button 组件 ?...有关详细信息，我强烈推荐有关Flutter中的声明式导航和路由的文章。另外，您对Navigator 1.0的现有使用将像今天一样继续使用，并且不会在短期内被删除。如果您喜欢该模型，则可以继续使用它。

10.2K2 0

在 Flutter 中发出 HTTP 请求的最佳库（2022 年）【Flutter专题31】

本文将向您介绍最好的开源软件包列表，这些软件包可以帮助我们在 Flutter 应用程序中发出 HTTP 请求。事不宜迟，让我们探索重要的事情。...生态系统中增长最快的 HTTP 包。...客户端生成器。...的另一个 HTTP 客户端生成器。...有关使用 Chopper 的更多详细信息，请参阅其官方文档。总结我们已经浏览了 Flutter 最受欢迎的 HTTP 客户端插件列表。

3.6K1 0

Flutter进阶篇（5）-- 使用Flutter创建插件详解并发布到Pub库

但是如果别人写的插件功能没有你想要的怎么办？如果插件与你本地不兼容怎么办？如果你的项目急用一个功能，网上找不到插件库怎么办？那么这个时候学会自己编写插件库就非常有必要了！...Flutter项目 Flutter进阶篇（2）-- Flutter路由详解 Flutter进阶篇（3）-- Flutter 的手势（GestureDetector）分析详解 Flutter进阶篇（4）-...手把手教大家写一个Flutter插件。（1）首先看看Flutter调用原生平台交互过程 Flutter中通过MethodChannel和原生平台做交互。如图所示： ?...-org：定义项目的组织结构 -a：用什么语言编写Android代码 --description：插件的描述 -i：用什么语言编写iOS代码上面那个命令的意思是：创建一个插件，包名为“com.awei...（3）下面看一下完整的目录结构如下图所示： ? 完整的项目结构图其中： “android”目录是插件API在Android平台的实现。 “ios”目录是插件API在iOS平台的实现。

3.2K3 0

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

未经过改装的MaterialApp 可以说MaterialApp基于WidgetsApp 如果对MaterialApp不熟悉，可先看我上一篇文章： Flutter之MaterialApp使用详解...1. textStyle 为应用中的文本使用的默认样式使用 //该段代码源自flutter/material/app.dart //因为MaterialApp都是使用Theme里面的主题色，并且一般部件使用的是...4. home 该字段在MaterialApp中调用的是WidgetsApp的onGenerateRoute 当参数setting.name为Navigator.defaultRouteName(即..._onGenerateRoute : null, ) 5. routes 这个字段上面源码已经解释的很清楚就是在 _onGenerateRoute方法里面查找合适的路由查找不到才在自身字段...onGenerateRoute里面查找 6. theme 该主题主要传入到AnimatedTheme这个部件中，最终传入Theme 用于作为MaterialAPP里面的Widget的主题一般使用

2.3K3 1

用 Flutter 重构你的应用

导语：腾讯在线教育团队（简称：OED）已经将 Flutter 在『腾讯企鹅辅导』的产品中落地了，IMWeb团队也积极参与，共同推进产品落地和技术的提升。...本文描述了最近基于 Flutter 模拟开发企鹅辅导 APP 的实践经历，从 0 到 1 的进行了样板工程的落地实践，希望可以让您近距离的了解和感受 Flutter 开发的过程。...在跨端的技术方案的进程中，大概率发生的事情就是，如果 Flutter 发展起来了，未来前端会加入进来，参与到工程化和业务开发中。...important;">// 路由表找不到，在进入此路由处理 navigatorObservers: [routeObserver], ); } 上面的代码您可以看到 routes...所以，有致力于开发 Flutter 的同学，以及已经在 Flutter 的道路上前行的同学，可以私下@我，作为 Flutter 萌新，可以跟你一起探讨技术，共建内部开发者社区，一起把更好的产品体验，回馈我们的用户

8822 0

flutter路由

开始上手我们创建个普通路由跳转，跳转到原页面，但是标题的数量会+1，让我们知道当前是push到的第几个页面；路由跳转传参示例： import 'package:flutter/material.dart...MaterialApp的，这个上下文不包含Navigator导航器操作，所以我们应该把home的那部分抽出来放另一个类；路由传值并返回值路由传参在上面那个例子已经有了，num就是我们的参数，然后显示在标题上就是使用了...= null) print('接收到的参数：$value'); }); } 这样我们就能push到新页面然后点击返回按钮就能把参数返回到push到它的那个方法，然后在then打印出来了： I/flutter...，如果为空就不做任何操作；路由命名我们想执行跟name有关的Navigator方法就必须先给路由命名，比如pushNamed方法, 注册路由在MaterialApp的routes属性，它的定义为：...那样的话太麻烦了，这节就教大家路由记录，只要我们跳转过某个路由就记录起来，然后最后面的路由想返回到前面的三个中的某个都不需要配置名字了。

2.3K2 0

现有项目集成flutter排坑指南

二、iOS 不能设置初始路由，flutter官方说已经搞定了，but，尝试依然是拿不到，怎么办？...三、如果你在andriod项目中设置了abiFliter这个，你很可能面临着找不到libflutter.so的问题，怎么解决？...在flutter1.7.8版本之前说法1是正确的，在flutter1.7.8之后，说法2是正确的。因为flutter1.7.8之后libapp.so一位大哥替代了一群小弟。...然后：敲黑板，重点在这里，兰陵王的❗️❗️ 1、在setting.gradle中，我们可以这样做，保证只有在调试模式的时候才做源码集成的方式 if(isFlutterDebug.toBoolean...7、2x,3x图似乎加载不了，那是因为你使用了中文，flutter会把资源反倒一个mainifest中，它是一个map，如果使用中文，map的key就和路径对不上了，找不到的化，就会找默认图啦，也就是一倍图

4.9K9 4

学一学Flutter新的导航和路由系统

如果你一直在关注 Flutter 开放的设计文档[1]，你可能已经看到了这些称为Navigator 2.0 和 Router 的[2]新功能。...匿名路由在flutter中通过Navigator可以很轻松的实现路由管理. 在MaterialApp和CupertinoApp使用Navigator非常容易。...Navigator 2.0 Navigator 2.0 API 在框架中添加了新类，以使APP的页面成为APP state的一个函数，并提供解析来自底层平台的路由（如 Web URL）的能力。...我们无法处理平台的后退按钮，浏览器的 URL 在我们导航时也不会改变。 Router 到目前为止，该应用程序可以显示不同的页面，但它无法处理来自底层平台的路由，例如，、用户更新浏览器中的 URL。...= null; } 在本app中，所有路由都可以使用一个类来表示。同样也可以选择基础的方式，或以其他方式管理路由信息。

5.3K4 0

Flutter 零基础入门（四十二）：Flutter 路由与导航进阶 —— 命名路由与参数传递实战

App 美化（主题、统一颜色、字体）但是在复杂 App 中，页面跳转与参数传递是必备技能。...Flutter 提供了两种跳转方式：匿名路由（直接 Widget）命名路由（通过路由表）本篇我们重点学习命名路由 + 参数传递，更适合大型项目。...一、命名路由基础 1️⃣ 配置 routes 在 MaterialApp 中： MaterialApp( title: '路由示例', initialRoute: '/', routes:...( context, '/detail', arguments: {'id': 1001, 'title': '详情页标题'}, ); 2️⃣ 接收参数在 DetailPage 中： class...功能总结：列表点击 → 跳转详情页 pushNamed 传递参数 pop 返回值 → HomePage 获取并显示 SnackBar 五、常见坑 ❌ 没配置 routes → pushNamed 找不到路由

1881 0

干掉context进行路由管理

干掉context进行路由管理看下我们上节课留的报错： class MyApp extends StatelessWidget { @override Widget build(BuildContext...// MyHomePage不写参数则默认为1 builder: (context) => MyHomePage()), ); } } 报错信息： I/flutter (... (package:flutter/src/widgets/navigator.dart:1475:9) I/flutter (21935): #1 Navigator.of..._invoke1 (dart:ui/hooks.dart:263:10) I/flutter (21935): #22 _dispatchPointerDataPacket (dart:ui/hooks.dart...实际上还有另一个方法，就是我们这节要讲的干掉那个上下文(context)，来进行路由管理；分析：上节我提到NavigatorKey是一个管理路由的Key，咋们解决方案也是用这个NavigatorKey

5251 0

Flutter之GetX依赖注入使用详解

put 为了验证依赖注入的功能，首先创建两个测试页面：PageA 和 PageB ，PageA 添加两个按钮 toB 和 find ，分别为跳转 PageB 和获取依赖；在 PageB 中通过 put...是因为在页面销毁时回收有个前提是使用 GetX 的路由管理页面，使用官方的 Navigator 进行路由跳转时页面销毁不会触发回收依赖。...find 时不会再次初始化 User；同样的 PageB 销毁时依赖也会被回收，导致在 PageA 中获取会报错。...): page a username : 张三 id: 1643277547666 通过输出日志分析，在 PageB 中的表现与不加 fenix 表现一致，但是返回 PageA 后获取依赖并没有报错，...关于注入的 tag 参数将在后续文章中详细介绍。

2.1K3 1

flutter 起步

window 安装教程flutter中文官网mac 安装教程flutter中文官网安装完成后解压到非高权限路径，在讲环境变量配置到path中图片Flutter安装目录的flutter文件下找到flutter_console.bat...你可以将它类比成为网页中的html标签，且它自带路由、主题色，title等功能。...当通过Navigation.of(context).pushNamed跳转路由时，在routes查找不到时，会调用该方法6. onUnknownRoute效果跟onGenerateRoute一样调用顺序为...1、在flutter里面，一切皆组件，在组件里面撑起flutter半边天的一个是无状态StatelessWidget组件，一个是有状态的StatefulWidget组件2、常用组件container:容器组件...AlertDialog:一个弹框的组件flutter问题：Flutter通过将新的代码注入到正在运行的DartVM中，来实现Hot Reload这种神奇的效果，在DartVM将程序中的类结构更新完成后，

6.4K2 0

在 Flutter 使用 GetX 对话框

他们帮助传递警告和重要信息，以及做具体的活动。当 Flutter 开发人员在 Flutter 制作一个对话框时，它利用上下文和生成器制作一个对话框。...我们可以使对话框利用 GetX 的基本代码和非常简单的使一个对话框。它没有利用上下文和生成器来创建对话框。是 Flutter 问题的附加轻量强解。...它加入了精英的性能状态管理、智能依赖注入管理和路由管理。...如何实现 dart 文件中的代码: 你需要分别在你的代码中实现它: 在 lib 文件夹中创建一个名为 main.dart 的新 dart 文件。...使用 GetX 插件制作一个工作对话框的演示程序。在本博客中，我们已经研究了 flutter 应用程序的使用 GetX 的对话框。我希望这个博客能帮助你更好地理解这个对话框。所以请尝试一下。----

1.1K1 0

【Flutter】372- Flutter移动端实战手册

进行Flutter混编之前，有一些必要的文件： xcode_backend.sh文件，在配置flutter环境的时候由Flutter工具包提供； xcconfig环境变量文件，在Flutter工程中自动生成...xcconfig文件 ---- xcconfig是Xcode的配置文件，Flutter在里面配置了一些基本信息和路径，接入Flutter前需要先将xcconfig接入进来，否则一些路径和信息将会出错或找不到...这时候就可以在iOS工程中添加Flutter代码了，下面是详细步骤： 1.将AppDelegate的集成改为FlutterAppDelegate，并且需要遵循FlutterAppLifeCycleProvider...Navigator.of(context).pushNamed('page1'); > 动态路由 ---- 静态路由的方式并不是很灵活，相对而言动态路由更加灵活。...和普通push不同的是，动态路由在push时通过PageRouteBuilder来构建push对象，在Builder的构建方法中执行对应的页面跳转操作即可。

1.5K4 0

NA嵌入Flutter页面

第二种情况：从Android中弄一个容器，在NA的页面中，装载一个flutter页面。...02.过时的NA跳转flutter方案 2.1 使用FlutterView NA添加FlutterView 在NA创建一个Activity，在onCreate中创建FlutterView然后添加到布局中...Flutter.createView()方法的第三个参数传入了"yc_route"字符串，表示路由名称，它确定了Flutter中要显示的Widget。...添加页面在runApp()方法中通过window.defaultRouteName可以获取到在Flutter.createView()方法中传入的路由名称，即"yc_route"，之后编写了一个_widgetForRoute...简单查了一下了解到这个错误是Flutter 1.12版本废弃了io.flutter.facade包导致的，Flutter.createView和Flutter.createFragment这两个api找不到

4.3K0 0

Android原生项目集成Flutter Module

，或将flutter中的implementation改为api即可项目中使用Flutter 前面完成了的话，app已经可以run起来了。...了解了Flutter的知识，其实可以感觉得到，，Flutter中的widget等控件or布局，对于android或iOS来说是透明的，平台只会认为整个Flutter展示的内容是一个view。...所以在android中的用Flutter，就是用一个view去承载Flutter项目。...其实可以理解为flutter就是一个提供了各种绘制方法的view，在Flutter里面的操作就是对view的onDraw方法的控制（还有touch事件）所以直接当做view去使用的话，就是这样： View...之后对于FlutterView就是完全是在Flutter项目中开发了。补充集成到项目工程中时遇到两个问题。

6.3K0 0

Flutter 与开源鸿蒙（OpenHarmony）国际化、无障碍与合规开发实践：打造全球可用的可信应用

2.2 实现步骤（附界面截图）步骤 1：配置 flutter_localizations # pubspec.yaml dependencies: flutter: sdk: flutter...四、隐私与合规：安全上架的“通行证” 4.1 权限使用透明化 OpenHarmony 要求：每个权限必须在 module.json5 中声明，并在 UI 中说明用途。...).brightness 动态适配颜色六、结语：技术向善，体验无界国际化、无障碍与合规不是“额外负担”，而是产品走向成熟、赢得用户信任的基石。...在 OpenHarmony 这样强调“全场景、全人群”的生态中，这些能力更是核心竞争力。...国际化官方指南：https://docs.flutter.dev/ui/accessibility-and-localization/internationalization 隐私政策生成器（开源）：

1931 0

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

Flutter中文网中有一段话，大多数应用程序包含多个页面。例如，我们可能有一个显示产品的页面，然后，用户可以点击产品，跳到该产品的详情页。...在Android中，页面对应的是Activity，在iOS中是ViewController。而在Flutter中，页面只是一个widget！...在Flutter中，我们那么我们可以使用Navigator在页面之间跳转。...Route 在讲 Route 传参的时候，我们先讲讲 Flutter 中 Route 相关的知识点。...路由( Route )在移动开发中通常指页面（ Page ），这跟 web 开发中单页应用的 Route 概念意义是相同的，Route 在Android 中通常指一个 Activity ，在 iOS 中指一个

5.6K4 0

点击加载更多

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

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

Flutter 1.22 正式发布

在 Flutter 中发出 HTTP 请求的最佳库（2022 年）【Flutter专题31】

Flutter进阶篇（5）-- 使用Flutter创建插件详解并发布到Pub库

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

用 Flutter 重构你的应用

flutter路由

现有项目集成flutter排坑指南

学一学Flutter新的导航和路由系统

Flutter 零基础入门（四十二）：Flutter 路由与导航进阶 —— 命名路由与参数传递实战

干掉context进行路由管理

Flutter之GetX依赖注入使用详解

flutter 起步

在 Flutter 使用 GetX 对话框

【Flutter】372- Flutter移动端实战手册

NA嵌入Flutter页面

Android原生项目集成Flutter Module

Flutter 与开源鸿蒙（OpenHarmony）国际化、无障碍与合规开发实践：打造全球可用的可信应用

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

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐