2.3 flutter 整合路由fluro

1. 如是使用?


1

2. 在 pubspec.yaml 文件 添加依赖



3 .执行 package get 命令


执行中

4 下载成功


成功截图



5. 新建2个页面


5.1 home  源码截图

5.2 我的页面代码


6 项目中引入fluro

6.1 新建文件



6.2 


router 定义路由


6.3 handle 定义 ,类似拦截器一样,可以根据需求改造,主要作用为了页面之间的参数传递

6.4 为了使用方便,我们吧路由对象初始化后挂在全局静态类上面,方便使用



7. 对 程序入口对改造


main.dart


8 运行



9 跳转页面  home 向 my 页面跳转



9 传入参数 比如模拟 home 向 my 页面传入 name 和id 2个字段




9.1 改造进入到我到页面时候到handle


9.2 点击跳转到时候,就可以看到我们到参数



9.3 获取参数



如何在页面使用参数后续项目中讲解.

总结: 引入flutter 的目录是提供统一的路由管理,规范化.提供的handle 功能可以做很多事情,比如最常用参数传递,还可以做很多逻辑判断跳转==,类似主流web 框架里面路由拦截器的功能.  

你可能感兴趣的:(2.3 flutter 整合路由fluro)