开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Flutter:我需要在onGenerateRoute中缓存小部件吗

在Flutter中，onGenerateRoute是一个路由生成器回调函数，用于在导航到新路由时生成路由对象。通常情况下，我们不需要在onGenerateRoute中缓存小部件。

Flutter的路由机制是基于Widget树的，当导航到新的路由时，Flutter会销毁旧的路由并创建新的路由。这意味着每次导航到一个新的路由时，都会重新创建该路由对应的小部件。

如果你希望在导航过程中保持小部件的状态，可以考虑使用Flutter提供的状态管理解决方案，如Provider、GetX、Riverpod等。这些状态管理库可以帮助你在路由切换时保持小部件的状态，而无需手动缓存小部件。

另外，如果你需要在多个路由之间共享数据或状态，可以考虑使用InheritedWidget或Provider等跨组件共享状态的解决方案。

总结起来，不需要在onGenerateRoute中缓存小部件，而是可以通过使用状态管理库或跨组件共享状态的解决方案来保持小部件的状态。以下是一些腾讯云相关产品和产品介绍链接地址，供参考：

腾讯云云开发：提供云端一体化开发平台，支持快速构建小程序、Web应用、移动应用等。了解更多：https://cloud.tencent.com/product/tcb
腾讯云云服务器（CVM）：提供可扩展的云服务器，满足不同规模应用的需求。了解更多：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于图片、音视频、文档等数据的存储和管理。了解更多：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。了解更多：https://cloud.tencent.com/product/ai

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

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

未经过改装的MaterialApp 可以说MaterialApp基于WidgetsApp 如果对MaterialApp不熟悉，可先看我上一篇文章： Flutter之MaterialApp使用详解...supportedLocales（支持区域） Iterable showPerformanceOverlay（显示性能叠加） bool checkerboardRasterCacheImages（棋盘格光栅缓存图像...1. textStyle 为应用中的文本使用的默认样式使用 //该段代码源自flutter/material/app.dart //因为MaterialApp都是使用Theme里面的主题色，并且一般部件使用的是...4. home 该字段在MaterialApp中调用的是WidgetsApp的onGenerateRoute 当参数setting.name为Navigator.defaultRouteName(即...onGenerateRoute里面查找 6. theme 该主题主要传入到AnimatedTheme这个部件中，最终传入Theme 用于作为MaterialAPP里面的Widget的主题一般使用

2K3 0

flutter系列之:Material主题的基础-MaterialApp

那么MaterialApp还有其他的什么功能吗？它的底层原理是怎么样的呢？一起来看看吧。...所以说onGenerateRoute是用来处理home和routers方法中没有定义的路由。你也可以将其看做是一种创建动态路由的方法。...Hero在flutter中是一个组件，用来表示在路由切换的过程中，可以从老的路由fly到新的路由中。这样的一个飞行的动画，也叫做Hero动画。而这个result其实是一个WidgetsApp。.../最通俗的解读，最深刻的干货，最简洁的教程，众多你不知道的小技巧等你来发现！...欢迎关注我的公众号:「程序那些事」,懂技术，更懂你！

1.5K1 0

flutter 起步

继承(extends)Flutter中的继承和Java中的继承是一样的：Flutter中的继承是单继承构造函数不能继承子类重写超类的方法，要用@override子类调用超类的方法，要用superFlutter...中的继承也有和Java不一样的地方：Flutter中的子类可以访问父类中的所有变量和方法，因为Flutter中没有公有、私有的区别上下文对象是整个APP Widget树结构中的Widget话柄，每个Wideget...比如 Navigator.pushNamed(context, '/');当部件Widget在StatelessWidget.build函数被返回时，这个部件会成为父部件。...所以这意味着StatelessWidget.build方法中的context和函数内部部件Widegt的context不是同一个上下文。所以它们两个不同上下文能够调用的方法是有区别的。...问题：Flutter通过将新的代码注入到正在运行的DartVM中，来实现Hot Reload这种神奇的效果，在DartVM将程序中的类结构更新完成后，Flutter会立即重建整个控件树，从而更新界面。

4.4K2 0

12.Flutter学习之路由即Android上的页面跳转

Flutter中的路由 Flutter中的路由通俗来讲就是页面跳转，在Flutter中通过Navigator组件管理路由导航。...并且提供了管理堆栈的方法，如：Navigator.push和Navigator.pop Flutter提供了两种配置路由跳转的方式：1、基本路由 2、命名路由 Flutter中的基本路由的使用例如我们需要在...title: Text('我是表单'), ), ], ), ); } } Flutter中的命名路由的使用在使用命名路由导航时，我们需要先声明路由...即我们要在MaterialApp中的routes进行路由配置值得一提的是，routes的值是Map类型的 main()=>runApp(MyApp())...在MaterialApp中有一个onGenerateRoute属性，这是我们将我们定义的onGenerateRoute传递进去即可。

1.2K1 0

flutter系列之:Material主题的基础-MaterialApp

那么MaterialApp还有其他的什么功能吗？它的底层原理是怎么样的呢？一起来看看吧。...如果上面的信息都没有，则说明需要创建router，则会调用onGenerateRoute方法来创建新的routers。...所以说onGenerateRoute是用来处理home和routers方法中没有定义的路由。你也可以将其看做是一种创建动态路由的方法。...Hero在flutter中是一个组件，用来表示在路由切换的过程中，可以从老的路由fly到新的路由中。这样的一个飞行的动画，也叫做Hero动画。而这个result其实是一个WidgetsApp。...WidgetsApp就是MaterialApp底层的Widget,它包装了应用程序通常需要的许多小部件。 WidgetsApp的一个主要功能就是将系统后退按钮绑定到弹出导航器或退出应用程序。

9361 0

Flutter中的基本路由、命名路由、替换路由，返回到根路由

Flutter中的路由，通俗地讲就是页面跳转。在Flutter中通过 Navigator 组件管理路由导航。 Flutter中给我们提供了两种配置路由跳转的方式：基本路由和命名路由。...我们先通过一个小例子来了解一下命名路由的大致流程：第1步，在根组件 MaterialApp 中配置路由信息： //main.dart void main() => runApp(MyApp());...: prefix0.onGenerateRoute); } } 现在我已经将命名路由的配置代码分离到 Routes.dart 文件中了，这样一分离，main.dart中的代码就简洁多了。...总结关于命名路由使用的前前后后，我在该文中都做了详细总结，并且做了代码分离，后续在项目中，我们可以参考该文进行命名路由的配置。替换路由前文中我们了解了Flutter中的普通路由和命名路由。...今天我们接着来聊聊Flutter中的替换路由和如何返回到跟路由。

8.9K2 1

使用Provider来进行状态管理

当我们想在多个页面（组件/Widget）之间共享状态（数据），或者一个页面（组件/WIdget）的多个子组件之间共享状态（数据），这个时候我们就需要用Flutter中的状态管理来管理统一的状态（数据），...（本例中我们新建了一个Counter.dart） ?...如下是我分别在“购物车”页面和“我的”页面里面进行数量更新与获取的演示。...上例中的状态管理类Counter中的状态值_count，初始化该值的时候，如果该初始值不需要计算，我们在声明_count的时候进行初始赋值即可，如下： class Counter with ChangeNotifier...因为我们需要在main.dart中配置全局监听的类（这里是Counter类），配置的时候需要实例化该类（Counter），也就是会触发Counter的构造函数。

2.1K3 0

flutter系列之:在flutter中使用导航Navigator

简介一个APP如果没有页面跳转那么是没有灵魂的，页面跳转的一个常用说法就是Navigator,flutter作为一个最为优秀的前端框架，Navigator肯定是必不可少的，那么在flutter中如何使用...flutter中的Navigator Navigator是flutter中用来导航的关键组件。...这是因为Navigator需要在内部报错一些路由的信息，事实上Navigator中保存的就是一个栈结构的历史访问过的widget。...= false, this.observers = const [], this.restorationScopeId, }) 在这些属性中onGenerateRoute...还记得push方法吗？push方法会返回一个Future，也就是说push方法是有结果的，这个结果是从哪里来的呢？这个结果就是pop时候传进来的。

6422 0

Flutter Hello World

前面我只提到了很零星的一些关于代码部分的内容，现在是时候揭开它的神秘面纱了。不知大家是否还记得之前的创建flutter项目的命令？...Flutter 中文网 - Widget 框架概述 Flutter Widget采用现代响应式框架构建，这是从 React 中获得的灵感，中心思想是用widget构建你的UI。...接下来我们继续往下看，代码中定义了一个叫 MyApp 的类。这时候你以为我的标题要写 03 - MyApp ？...创建 MaterialApp [home]，[routes]，[onGenerateRoute] 或 [builder] 中的至少一个必须为非 null。那现在应该了解了。...为“质感设计”部件创建一个可视化的支架。噢（恍然大悟）~原来这才是 UI 的框架啊？

1.2K1 0

flutter系列之:在flutter中使用导航Navigator

简介一个APP如果没有页面跳转那么是没有灵魂的，页面跳转的一个常用说法就是Navigator,flutter作为一个最为优秀的前端框架，Navigator肯定是必不可少的，那么在flutter中如何使用...flutter中的Navigator Navigator是flutter中用来导航的关键组件。...这是因为Navigator需要在内部报错一些路由的信息，事实上Navigator中保存的就是一个栈结构的历史访问过的widget。...this.reportsRouteUpdateToEngine = false, this.observers = const [], this.restorationScopeId, }) 在这些属性中onGenerateRoute...还记得push方法吗？push方法会返回一个Future，也就是说push方法是有结果的，这个结果是从哪里来的呢？这个结果就是pop时候传进来的。

7292 0

Flutter常见开发问题

这也让您可以非常轻松地制作自定义小部件，而在 Android 中制作自定义视图是一件相当困难的事情。拖拽不是比在代码中制作布局更容易吗？在某些方面，确实如此。...但是 Flutter 社区中的很多人更喜欢代码方式，但这并不意味着无法实现拖拽。如果你完全喜欢拖拽，那么 Flutter Studio 是我推荐的一个很棒的资源，它可以帮助你通过拖放生成布局。...如果我是编程新手，想从移动端开发入手，应该从 Flutter 开始吗？这有更多的两部分答案。 Flutter 非常适合编写代码，并且在相同页面上的代码比 Android 或 iOS 应用程序少得多。...如果您想编写任何本机代码，您肯定需要在任一平台或两个平台上的经验。我个人的意见是先学习一两个月的 Android/iOS，然后从 Flutter 开始。什么是package和插件？...无状态小部件只能在更改参数时更改内容，因此需要在小部件层次结构中的位置点上方完成。包含静态内容的屏幕或小部件应该是无状态小部件，但要更改内容，需要有状态。

6.8K3 0

Flutter常见开发问题

这也让您可以非常轻松地制作自定义小部件，而在 Android 中制作自定义视图是一件相当困难的事情。拖拽不是比在代码中制作布局更容易吗？在某些方面，确实如此。...但是 Flutter 社区中的很多人更喜欢代码方式，但这并不意味着无法实现拖拽。如果你完全喜欢拖拽，那么 Flutter Studio 是我推荐的一个很棒的资源，它可以帮助你通过拖放生成布局。...如果我是编程新手，想从移动端开发入手，应该从 Flutter 开始吗？这有更多的两部分答案。 Flutter 非常适合编写代码，并且在相同页面上的代码比 Android 或 iOS 应用程序少得多。...如果您想编写任何本机代码，您肯定需要在任一平台或两个平台上的经验。我个人的意见是先学习一两个月的 Android/iOS，然后从 Flutter 开始。什么是package和插件？...无状态小部件只能在更改参数时更改内容，因此需要在小部件层次结构中的位置点上方完成。包含静态内容的屏幕或小部件应该是无状态小部件，但要更改内容，需要有状态。

6.7K2 0

Flutter混合开发：Android中如何启动Flutter

引入flutter 在现有的Android项目中，新建一个flutter module。创建完module后会发现自动在主module中依赖了。...' 然后在主module中依赖： implementation project(path: ':flutter') 这样就可以进行混合开发了。...然后启动即可： startActivity(FlutterActivity.withCachedEngine("second").build(this)) 通过缓存engine，启动时黑屏时间缩短了很多...首先改变app中注册route的方式，上面直接使用routes这种map的形式，我们换成onGenerateRoute这种RouteFactory形式，如下： onGenerateRoute...不过这里面涉及的东西比较多，后面我单独用一篇文章来解读一下flutter-boost是如何实现传参+快速启动的。

1.5K2 0

单例设计模式的概述及其在 Dart 和 Flutter 中的实现

单例设计模式的概述及其在 Dart 和 Flutter 中的实现推荐通过GITBOOK进行阅读设计模式要查看所有设计模式的实际应用，请查看Flutter 设计模式应用程序。. 什么是单例？...分析首先，我必须提到，在这个系列中你会在每篇文章中找到几个 UML 类图。如果你不熟悉类图及其符号，我强烈建议你阅读这篇参考资料reference。...此外，当你需要在代码中反复访问同一个对象时，该模式也有帮助，例如日志记录器（这个问题通常通过应用另一个设计模式——依赖注入来解决，但那是将来的话题）。...由于我们在这个系列中讨论的是Dart编程语言，你应该知道Dart是一种单线程编程语言，其代码运行在机器上一个小的隔离空间中，称为隔离区。...如果你对这个话题不熟悉，我强烈推荐你观看这个video关于Dart和Flutter中的隔离区和事件循环的视频。在某些情况下，单例设计模式被认为是一种反模式。

831 0

Flutter混合开发：开发一个简单的快速启动框架

前言基于前文Flutter混合开发：Android中如何启动Flutter，我们知道在移动端中启动Flutter页面会有短暂空白，虽然官方提供了引擎预热机制，但是需要提前将所有页面都进行预热，这样开发成本较高...需要在Application的onCreate中调用它的init函数来初始化。...我这里是push到git仓库中，通过git的方式依赖使用。...android端在android上比较简单，在android项目中引入刚才的module即可，然后需要在android的主module（一般是app）的build.gradle中引入module和plugin...ios端 ios端稍微复杂一些，需要先了解一下ios如何加入flutter，见Flutter混合开发：在已有iOS项目中引入Flutter 我选用的是framework的方式引入，所以在flutter

1.6K2 0

第132期：flutter的导航和路由

深度链接 Deep linking Flutter支持iOS、Android和web浏览器上的深度链接。打开URL会在应用程序中显示该屏幕。...通过以下步骤，我们可以使用命名路由（使用routes参数或onGenerateRoute）或使用Router小部件启动和显示路由。如果我们在web浏览器中运行应用程序，则无需额外设置。...在 Android 上启用深度链接 Deep linking 只需要在AndroidManifest.xml配置文件中的标签中添加一个元数据标签和意向过滤器标签即可： <!...在 ios 上启用深度链接 Deep linking 需要在ios/Runner文件夹下Info.plist文件中添加两个新的key： FlutterDeepLinkingEnabled</...配置起来也很简单，从flutter_web_plugins插件库导入usePathUrlStrategy方法，在入口函数中调用即可。

2K3 0

从零开始的Flutter之旅: Navigator

Flutter中的路由管理与原生开发类似，都会维护一个路由栈，通过push入栈打开一个新的页面，然后再通过pop出栈关闭老的页面。...示例我们直接到 flutter_github中找个简单的实例。...我这里以flutter_github中的WebViePage为例。...在Flutter中也有类似的传参方式。我们可以通过MaterialPageRoute中的settings来构建一个arguments对象，将其传递到跳转的页面中。...以flutter_github中的GithubApp为例。

7291 0

Flutter：Navigator2.0介绍及使用

关于Navigator2.0的原理，网上已经有很多文章了，但是我发现这些文章在使用实例上都不是很清楚，或者说示例过于复杂。...pages则是一个Page列表，是当前已经打开的所有页面，所以用一个for循环来创建，我自己定义了一个getPage函数： Page getPage(String url){ return...这里我定义了三个页面，其中PageA是默认页面。三个页面都很简单，每个页面有两个按钮，一个打开新页面，一个回退。..._stack.last : null; 如果不实现这里，虽然页面可以切换，但是路由信息并没有更新，比如flutter web的应用在浏览器中，页面正常切换，但是地址栏并没有变化。...issues中也提到了，目前官方没有解决这个问题，不过已经列入todo列表了，目前想要解决这个问题需要我们自己手动开发一个plugin，可能需要在native层处理，即在html中通过history处理并暴露

7783 0

Flutter学习笔记：BottomNavigationBar实现多个Navigation

最近我研究了一下Flutter，但是在使用Navigator的时候遇到了一个很头痛的问题，就是当我们去来回切换导航按钮时，Flutter会重新build，从而导致控件重新Build，从而会失去浏览历史。...想要更长更有趣的解释吗？首先，看一下免责声明：本文假设您熟悉Flutter中的导航。...如果您知道更好的方法，请告诉我。好了，让我们开始。一切都关于Navigator 所有Flutter应用程序都被定义为MaterialApp。...我不确定这是否是一个模拟器问题，它在真实设备上看起来不错。...使用Offstage小部件可确保我们的所有导航器保留其状态，因为它们保留在控件树中。这可能会带来一些性能损失，因此如果您选择使用它，我建议您分析您的应用。可以在此处找到本文的完整源代码

4.2K2 0

Flutter Lesson 4: Flutter组件之App布局组件

首先来看一下我怎么来学习Flutter，我要了解每一个组件，同时，这又是一个App，所以，我的目标是直接生产一个App，里面就是对Flutter组件的介绍，同时写上一些demo以及源代码，这一个点子源于...React Native With Code这一款App，在我学习React Native的时候给予了我很大的帮助。...既然有把手，那么就有位置了，所以说的高深一点就是对构建的所有窗口小部件的树结构中的窗口小部件的位置的引用。一个 BuildContext 只属于一个小部件。...需要注意的是，在Flutter中，少数Widget才可以设置padding和margin，大部分Widget是不行的，所以如果要设置这些属性，我们需要使用Container进行包裹。...是一个简单的列表组件，Flutter中还包含了其余的多种列表组件，这些以后再介绍。

1.7K5 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭