flutter中Navigator.push路由跳转导致的重复build问题，妥协解决方法。。

最新推荐文章于 2024-08-28 13:34:59 发布
最新推荐文章于 2024-08-28 13:34:59 发布
阅读量3.5k 收藏
点赞数
文章标签： flutter android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26014709/article/details/104035289
版权

我的是在SliverList中给Container外面包的GestureDetector，结果路由跳转会rebuild整个SilverList。。
导致内存飙升，跳转动画会卡顿一下，
后来用get包去路由跳转，没出现rebuild的问题。

GET包 : https://pub.dev/packages/get

dependencies:
  get: ^1.6.3

event: eventsEntityList[index]是我传的值

GestureDetector(
          onTap: () {
         Get.to(EventDetailPage(event: eventsEntityList[index],));
         },
Maxww
关注
Flutter 四种方式实现页面切换后保持原页面状态
乘着风游荡在蓝天边
07-15 2684
前言： 在 Flutter 应用中，导航栏切换页面后默认情况下会丢失原页面状态，即每次进入页面时都会重新初始化状态，不仅增加额外开销，而且体验差。 使用IndexedStack实现 IndexedStack继承自Stack，它的作用是显示第index个child，其它child在页面上是不可见的，但所有child的状态都被保持，所以这个Widget可以实现我们的需求，我们只需要将现在的body...
flutter路由 Navigator.pushNamed传参
Will_Pass的博客
06-16 6887
觉得有用点个赞 Routers.dart 这个文件用于配置路由 import 'package:flutter/material.dart'; import 'package:flutterapp/searchPage.dart'; import 'package:flutterapp/tabs.dart'; import 'form.dart'; //配置路由 final routes = { "/": (context, {arguments}) => Tabs(), "/form"
Flutter 页面无缘无故执行build的解决办法
yaochangliang的博客
03-30 3501
有时候flutter执行了pop方法返回到上一个界面，上一个界面突然就执行了build方法，其实我们并不希望上个界面执行build，可以在上个界面添加如下方法即可解决自动build的问题。 @override void didChangeDependencies() { // ignore: must_call_super } flutter解决自动执行build方法。flutter返回上个界面自动刷新了。 ...
flutter实战6：TAB页面切换免重绘
weixin_34228662的博客
10-03 964
大家好，经过几个月的潜水，Flutter出乎意料的火热，抱歉一直没有更新，由于加入了创业团队，经历了几波大起大落，现在终于腾出时间搞搞技术，现在和成都的几位技术极客合作推出门路网，正在用flutter实践开发APP，也算是对flutter商业化的小试牛刀，本篇将门路网APP用到的flutter技术进行简单分享。 之前的新闻APP的实践项目中，用到了Tab+TabBarView+Tabcontrol...
Flutter Navigator Push流程分析
qq_21349039的博客
08-28 834
我们可以看出NavigatorState中返回了Overlay，也就说明了为什么Route不是返回Widget，而是OverlayEntry，因为NavigatorState就是通过Overlay来把页面上屏的，我们再关注initialEntries这个属性，我们传入了_allRouteOverlayEntries，我们再来看看_allRouteOverlayEntries是什么！我们可以看出idle是路由状态的分水岭，idel之前的状态，都是路由正在入栈的状态，idel后面的状态，基本是弹栈有关的状态。
flutter: Provider的坑 --- 退出页面时，StatefulWidget又会build一遍？
u013009899的博客
04-26 771
具体代码如下： _changeLocation(BuildContext context) async { // 1、异步的，通过await等待CityPage页面退出返回数据 CityModel city = await NavigatorRoute.pushName(context, CityPage.routeName); if (city == null) { return; } // 2、这里用到了Provider，其中调用了notifyLis
Flutter学习笔记 —— 关于Navigator路由跳转二级页面不更新的解决办法
Marinda_Speed的博客
09-16 1784
好久没更新了，今天来写一下我最近开发Flutter遇到的问题使用Navigator.of(context).push() 时，Router数据不会进行刷新，需要退出二级菜单重新进入才会进行刷新。注：使用Navigator.push(context,router) 方式同理见图。
flutter 切换tab的会重新build的解决方案
qls1191的博客
10-16 1281
flutter 切换tab的会重新build的解决方案 当我们用如下方式创建tab时 _onTabClick(int index){ _currentIndex=index; setState(() { }); } @override Widget build(BuildContext context) { return Scaffold( appBar: _currentIndex==0?null:AppBar( center
【flutter 页面跳转后退如何刷新？】
qq_25529689的博客
06-22 1459
百度了很多，但是写的不清楚，引用网上的一个例子 https://www.nstack.in/blog/flutter-refresh-on-navigator-pop-or-go-back/ 代码如下： 后退刷新的关键： 从HomePage到SecondPage 使用 // 第一部分需要设置的地方 void navigateSecondPage() { Route route = MaterialPageRoute(builder: (context) => SecondPage()); Navigator
Flutter 笔记 | Flutter 中的路由、包、资源、异常和调试
川峰的博客
05-21 1711
Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内容笔记。Flutter中的路由、包、资源和调试相关内
Flutter实战 - 通过 Navigator 进行路由管理
kk_yanwu的博客
04-22 906
原文地址： Flutter 路由使用 前言 路由(Route)在移动开发中通常指页面（Page），这跟web开发中单页应用的Route概念意义是相同的，Route在Android中通常指一个Activity，在iOS中指一个ViewController。Flutter中，Route的管理是在内部维护一个路由栈，通过 Navigator 的 push、pop操作，实现路由的入栈和出栈操作，达到页面开启关闭的效果。 1.构建路由的两种方式 Flutter中，构建路由存在两种方式：普通路由 与 命名路由。普通路由
Flutter路由跳转（页面跳转）
qq_30005223的博客
02-21 4372
指定页面名称跳转Navigator.of(context).push(MaterialPageRoute() class TextPage extends StatelessWidget { const TextPage({Key? key}) : super(key: key); @override Widget build(BuildContext context) => MaterialApp( home: Scaffold( body: Cen
flutter Navigator + MaterialPageRoute 实现页面跳转、跳转并传值、返回、返回并传值、返回到指定页面
zhumj_zhumj的专栏
10-23 8766
页面跳转 无参跳转Navigator.push(context, MaterialPageRoute( builder: (context) => SecondController(), ), ); SecondController：class SecondController extends StatelessWidget { @override ...
手把手教你解决 Flutter engine 内存泄漏
weixin_34378045的博客
12-27 505
Flutter/engine 修复版介绍 tags: flutter engine memory leak fix natoto 最近更新 0305 更新flutter 1.2内存引用问题 demo地址 团队在0.9.4 版本解决了一系列循环引用，但是代码不能上传，由于flutter和engine的限制，必须flutter版本号和engine的commit号要保持一致，提交了将导致commit号...
flutter入坑，使用Navigator跳转页面
⑥②专栏
05-12 2779
import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // 主方法 @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text.
从Flutter路由报错引申BuildContext详解
https://www.xiaohongshu.com/user/profile/5f3543150000000001002b2e
07-06 1942
前言 在使用flutter路由跳转是出现如下错误： 代码： import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context){ return new MaterialApp( title: 'Test Flutter',
Android混合开发Flutter Flutter热重载变化但是重新build没有变化
华灯雨
09-18 524
Android混合开发Flutter Flutter热重载变化但是重新build没有变化 无论怎么clear都没有变化 但是在Terminal中r热重载有效果 需要输入R进行restart
Flutter中，解决按下返回键将应用挂起到后台，并不会退出的问题
qq_38774121的博客
10-28 6381
Flutter中，解决按下返回键将应用挂起到后台，并不会退出的问题 参考地址：传送门 问题： 由于应用中牵扯到了聊天的功能，由于Flutter默认的返回是直接退出APP的，所以需要我们自己特殊配置一下 注意：Flutter在最新的版本中，java代码已经逐渐由kotlin代码替代，所以下面将会展示两个版本的代码来解决这个问题 旧版本Flutter： 第一步： 首先查找到以下路径 打开这个Main...
Flutter中如何限制widget重新build
Mr_Tony的专栏
12-28 1438
文章目录一、演示程序介绍二、使用缓存变量处理重新build的问题三、使用const处理重新build问题 一、演示程序介绍 有时候在开发中会出现多次build的情况，通常没什么问题，但是偶尔会导致数据重新初始化，这样就比较麻烦，所以以下给出几种解决重新build问题的方式。首先来看一个简单的没有处理的代码: import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends Stat
flutter Navigator.pushNamed() 跳转过度动画怎么做
最新发布
09-28
在 Flutter 中，`Navigator.pushNamed()` 用于导航到命名路由并可以配合 `MaterialPageRoute` 的 `animateDuration` 和 `animation` 属性来添加过渡动画。以下是设置过渡动画的基本步骤： 1. **创建MaterialPageRoute**: 首先，你需要创建一个 `MaterialPageRoute` 并指定动画选项。例如，你可以设置动画持续时间（如 `Duration(milliseconds: 500)`）和动画类型，比如 `CupertinoPageTransitionStyle.scaleDown` 或 `FadeTransition`. ```dart final route = MaterialPageRoute( builder: (context) => SecondScreen(), animation: CupertinoPageRoute动画， // 或者 MaterialPageRoute动画, // animation: FadeTransition(duration: Duration(milliseconds: 500)), ); ``` 2. **推送页面**: 使用 `Navigator.of(context).pushNamed()` 方法，并传递刚刚创建的 `MaterialPageRoute`。 ```dart Navigator.of(context).pushNamed('/second-screen', arguments: someData, transition: route.animation); ``` 这里 `/second-screen` 是你要跳转到的路由名，`someData` 是传给新页面的数据，`transition` 参数就是我们设置的过渡动画。 3. **自定义动画**: 如果你想自定义更复杂的动画，可以使用第三方库，如 `flutter_interactive_transition`，或者直接创建自定义动画控制器然后在动画完成函数中调用 `Navigator.pop()`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值