欢迎光临散文网 会员登陆 & 注册

Flutter GetX状态管理之路由管理(一)

2021-04-11 14:52 作者:早起的年轻人  | 我要投稿

在2021年,Provider扩展了5.0,使用起来更方便,于是我重新录制制作了一期教程,大家可以点击这里来查看【网易云视频课程】;当然大家也可以关注一下公众号,视频教程是首先在公众号中免费播出,每日都会有技术类的内容发布。

GetX 使用前的准备

首先你需要添加依赖

然后在使用时需要导包


GetX使用的第一步

第一步就是程序入口处的 MaterialApp 替换为 GetMaterialApp,代码如下:

动态路由

默认情况下使用 Navigator 方式来打开页面 TestAPage ,需要构建一个 MaterialPageRoute 路由,代码如下:

当你使用 GetX时,你可以这样来写

当然如果你需要获取 页面 TestAPage 的回传参数时,你可以这样来写

看到这样的代码后,你会使用什么 ???

静态路由

默认情况下使用 Navigator 方式以静态路由来打开页面 ,首先你需要在程序入口处的 MaterialApp 中的routes 中配置路由规则,如这里配置的

然后使用Navigator 方式代码如下


使用 GetX 代码如下

替换当前页面

使用 Navigator 方式

使用 GetX 方式

打开新页面 关闭之前的所有页面

这种应用场景如需要登录使用的APP,退出登录时,关闭所有的页面,然后打开登录页面。

Navigator 方式

GetX 方式

完毕

不局限于思维,不局限语言限制,才是编程的最高境界。


Flutter GetX状态管理之路由管理(一)的评论 (共 条)

分享到微博请遵守国家法律