Flutter-Router路由 的一些坑点

最新推荐文章于 2023-07-06 22:00:00 发布
最新推荐文章于 2023-07-06 22:00:00 发布
阅读量2.6k 收藏
点赞数 1
分类专栏： Flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/it_xiaozhi/article/details/110519121
版权
本文探讨了在Flutter项目中，官方Router、Navigator和Fluro三种方式在页面管理上的差异。特别提到了官方API的popUntil用于回退到指定页面，canPop判断回退可能性以避免黑屏问题，以及如何自定义跳转动画。Fluro则以其简单的参数传递和灵活性，但缺乏特定的回退功能，需要借助Navigator实现。
摘要由CSDN通过智能技术生成

本文主要是对比一下自己实际项目中使用官方的Router、Navigator和Fluro来实现页面管理的各自差异的感受

官方和Fluro两种方式的一个基本使用 可以参考如下两文
Route和Navigator
Fluro

其中使用官方api为我们提供了非常多的跳转页面方式
在这里插入图片描述
其中想单独说明一下的有如下
1.popUntil能非常简单实现注册流程类A->B->C->D 其中在C或者D回退到指定的A页面效果
2.canPop能判断可否有页面回退从而解决pop最后一个页面黑屏的问题
3.官方Router实现页面的跳转效果略微复杂需要单独去实现PageRouteBuilder实现单一独特的效果 其中可以参考跳转动画实现

使用Fluro方式
1.参数传递 实现routeSettings，其中参数类型Object意味什么类型都可以

  Application.router.navigateTo(
            context,
            Routes.mainPage,
            routeSettings:
最低0.47元/天 解锁文章
_xiaozhi_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter实战之go_router路由组件入门指南
菜鸟博客
09-02 3220
Flutter go_router组件使用入门指南
Flutter GetX 之 路由管理
最新发布
WangQingLei0307的博客
01-05 1191
路由管理是插件GetX常用功能之一，为什么说之一呢？因为GetX的功能远不止路由管理这么简单。其实上面功能介绍的还是不够详细，GetX还支持网络请求等今天主要介绍一下GetX的路由管理首先需要将Flutter项目入口替换成GetX提供的，代码示例如下：旧新接下来就是创建路由管理类下面是路由管理类的完整代码我们将路由管理设置完以后，下面就是路由注入了，注入代码简单，便是将pages放入到的getPages中即可。到此就完成了路由管理的配置，下面介绍一下路由的使用，介绍方式将会以使用优先级介绍。
Flutter中fluro的详细使用
qq_38605423的博客
01-08 7374
Flutter中fluro的详细使用 fluro是flutter中的路由管理,GitHub地址 [https://github.com/theyakka/fluro]: 库的使用 1.创建一个全局的的Router对象 import 'package:fluro/fluro.dart'; //全局对象 class Application { static Router router; } 2...
Flutter中fluro使用
wzj_what_why_how的博客
03-02 736
0.引入 fluro: "^1.4.0" 1.定义路由final router = FluroRouter(); 放到全局变量中去 class Application{ static FluroRouter router; } 在程序最开始的main()入口程序的build中声明注册 final router = FluroRouter(); Routes.configureRoutes(router); Application.router = router; 然后，在对应的MaterialA
Flutter之Fluro的使用
qq_37660846的博客
07-03 858
Flutter之Fluro的使用 1.下载插件：fluro: ^1.6.3 2.创建application.dart，定义全局的router 3.在main.dart初始化路由 *4.创建route_handles.dart 编写页面对应的handler 5.创建route.dart 编写注册页面 6.跳转页面 (1)无参跳转 (2)有参跳转，参数是字符串时，使用Uri.encodeComponent(“中文参数”)转化 （3）当参数是josn对象时，请使用转化为json字符串 （4）当有参数从上级返
flutter 学习记录fluro的使用
yinyiYi159的博客
07-22 1195
flutter 学习记录fluro的使用 学习flutter已经有两个月了，也算是对flutter有点了解。 今天来记录一下flutter fluro路由管理的使用 1.引入fluro 在pubspec.yaml文件里，直接注册版本依赖，代码如下。(注意要最新版) dependencies: fluro: ^1.6.3 2.初始化fluro 在一个类里声明一个对象 class Application{ static Router router; } 3.新建route_handlers.dart文件,用于初
Flutter路由框架Fluro使用简介
01-04
在Flutter应用开发过程中，除了使用Flutter官方提供的路由外，还可以使用一些第三方路由框架来实现页面管理和导航，如Fluro、Frouter等。 Fluro作为一款优秀的Flutter企业级路由框架，Fluro的使用比官方提供的路由框架要复杂一些，但是却非常适合中大型项目。因为它具有层次分明、条理化、方便扩展和便于整体管理路由等优点。 使用Fluro之前需要先在pubspec.yaml文件中添加Fluro依赖，如下所示。 dependencies: fluro: ^1.5.1 如果无法使用上面的方式添加Fluro依赖，还可以使用git的方式添加Fluro依赖，如下所示。
Flutter知识点-路由导航
06-14
4. 跳转：调用`router.navigateTo(context, path, parameters)`进行页面跳转，`path`是符合路由规则的路径，`parameters`是可选的参数对象。 Fluro还支持异步处理器，使得在页面跳转前进行数据加载成为可能。同时，...
Flutter中的路由
wangzunkuan的博客
10-23 2074
1.概述 Flutter支持所有的路由场景，包括push页面、pop页面，以及页面间的参数传递等。flutter里面的路由可以分为如下两种。 静态路由：直接注册，不能传递参数。 动态路由：要自己构造实例，可以传递参数。 静态路由 动态路由 ...
fluro
weixin_30267785的博客
06-03 450
fluro导航示例程序： 分了4个文件： 1：main.dart: 主入口文件； 2：routes.dart 路径文件； 3：pageone.dart 4：pagetwo.dart main.dart import 'package:flutter/material.dart';import 'package:fluro/fluro.dart';import 'route...
Flutter之Fluro
水墨青花的博客
05-22 2328
1、首先引入fluro 2、新建一个文件夹命名为routes(此文件夹可随意命名)，并在文件夹中新建文件application.dart import 'package:fluro/fluro.dart'; class Application { static Router router; } 3、在routes文件夹下新建文件routes.dart(命名路由并) import 'package:flutter/material.dart'; import 'package:fluro/
使用Fluro实现Flutter界面跳转
热门推荐
LmingAn的博客
11-07 1万+
练习界面跳转以及回传值
Flutter笔记--Fluro
ljt2724960661的博客
11-29 507
Flutter本身带有路由，但是在较大项目开发中使用较多的是Fluro，目前也相对成熟，看看其用法: 在pubspec.yaml文件里，注册版本依赖，代码如下： dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons.
【Flutter】使用 Fluro 实现 Flutter 路由管理
Code Metaverse
07-06 602
在 Flutter 开发中，路由管理是非常重要的一部分，它负责页面之间的跳转和数据传递。而 Fluro 作为一个强大的 Flutter 路由库，提供了许多灵活的路由选项，如通配符、命名参数和清晰的路由定义，使得路由管理变得更加方便和高效。
Flutter系列之五：路由管理与导航框架（fluro 2.0.3）
hhbbeijing的专栏
05-06 1566
先补充上节的一个知识点 GestureDetector： A widget that detects gestures. 这是一个检测手势的小部件。GestureDetector在Flutter中负责处理跟用户的简单手势交互，并作出相应的处理，包括点击、拖动和缩放。 还有一个child属性，这就意味着我们可以利用GestureDetector包裹本身不支持点击回调事件的Widget赋予它们点击回调能力，像Text、Image。 回归正题，Fluro作为一款优秀的Flutter企业级路由框架，将分散
Flutter 封装fluro路由框架,提供路由,实现父子页面信息互传等功能
iOSTianNan的博客
08-20 1088
参考这篇,讲的也比较不错 =====Flutter入门之（fluro路由跳转框架) 要实现的功能 push -> 可以不传递/传递 params 到next 页面(路由) pop -> 可以直接pop / 可以pop时携带params 返回上一级页面(路由) replace -> 干掉当前路由 reset -> 重置路由 clearStack fluro提供的清空当前路由栈的参数选项 最好是用一个导航管理类的静态方法来调用, 使用方便 需要知道的 首先, fluro也是基于Flu
Flutter路由fluro使用和代码浅析
anymyna的专栏
02-20 1629
https://github.com/theyakka/fluro 特点： 1、路由导航实现简单 2、路由函数处理 3、匹配通配符参数 4、内置多种过渡动画，支持自定义过渡动画 demo： https://github.com/anymyna/flutter-examples/work_from_home 使用步骤： 1、 添加依赖 dependencies: flutter: fluro...
flutter路由封装
07-28
引用\[1\]:Fluro是一个用于Flutter的路由跳转框架，它提供了一些功能，如push、pop、replace和reset等，可以方便地进行页面之间的跳转和参数传递。通过使用Fluro，我们可以定义一个全局的路由对象类AppRouter，用来设置Fluro的配置和注册路由列表。同时，我们可以使用AppRouterList来记录各个路由的路径，并提供注册路由的方法。最后，通过导航工具类NavigationUtils，我们可以方便地进行静态函数调用，实现页面的跳转和参数传递。\[1\]\[2\] 在使用Fluro进行路由封装时，我们可以通过定义AppRouterList来注册路由，并在handle方法中指定对应的页面组件。例如，我们可以使用router.define方法来注册路由，并通过Handler的handlerFunc参数来指定对应的页面组件。在这个handlerFunc中，我们可以通过params参数来接收传递的参数。通过这种方式，我们可以实现对Flutter路由的封装。\[1\]\[3\] #### 引用[.reference_title] - *1* *2* *3* [Flutter 封装fluro路由框架,提供路由,实现父子页面信息互传等功能](https://blog.csdn.net/iOSTianNan/article/details/108127040)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值