常见的网站空间主要有,wordpress修改备案号,开福区网站建设中,体育评论做的好的网站路由管理是插件GetX常用功能之一#xff0c;为什么说之一呢#xff1f;因为GetX的功能远不止路由管理这么简单。 GetX的重要功能如下#xff1a;
1、路由管理2、状态管理3、国际化4、主题5、GetUtil工具6、dialog 弹框7、snackbar 其实上面功能介绍的还是不够详细#xff…路由管理是插件GetX常用功能之一为什么说之一呢因为GetX的功能远不止路由管理这么简单。 GetX的重要功能如下
1、路由管理2、状态管理3、国际化4、主题5、GetUtil工具6、dialog 弹框7、snackbar 其实上面功能介绍的还是不够详细GetX还支持网络请求等 今天主要介绍一下GetX的路由管理 首先需要将Flutter项目入口MaterialApp替换成GetX提供的GetMaterialApp代码示例如下
旧
return MaterialApp(home: MyHomePage(),
);
新
return GetMaterialApp(home: MyHomePage(),
);
接下来就是创建路由管理类 router_util.dart,这个类负责统一把所有页面进行路由设置GetX设置路由代码如下 GetPage(name: /login, page: () LoginPage()), GetPage 便是设置一个类的路由 /login 为使用过程中的Keypage: 为指向的页面。 下面是路由管理类的完整代码
import package:get/get.dart;import ../view/login/forget/forget_view.dart;
import ../view/login/login_view.dart;
import ../view/login/register/register_view.dart;
import ../view/main/tab_bar/tab_bar_view.dart;ListGetPage get pages [GetPage(name: /login, page: () LoginPage()),GetPage(name: /tabbar, page: () TabBarPage()),GetPage(name: /register, page: () RegisterPage()),GetPage(name: /password, page: () ForgetPage()),];
我们将路由管理设置完以后下面就是路由注入了注入代码简单便是将pages放入到的getPages中即可。当然当我们使用路由管理后我们需要设置一下程序入口initialRoute完整代码如下
return GetMaterialApp(getPages: pages,initialRoute: /login,
); 到此就完成了路由管理的配置下面介绍一下路由的使用推荐使用别名路由。
普通路由
页面跳转
Get.to(RegisterPage());
带参数
Get.to(RegisterPage(),arguments: 范型);
arguments 未范型什么类型都可以
参数获取
dynamic arguments Get.arguments;
off: 进入下一个界面且导航没有返回
Get.off(RegisterPage());offAll: 进入下一个界面并取消之前的所有路由
Get.offAll(RegisterPage());back: 返回
Get.back();返回时带参数
Get.back(result: 返回参数);result: 也为范型可为任何类型
获取参数
var result await Get.to(RegisterPage());别名路由
使用方法与普通路由基本相同只是方法上多了 Named
路由跳转
Get.toNamed(/register);
带参数
Get.toNamed(/register,arguments: 范型);
也可以想Vue里面的方式进行跳转和传参不推荐使用不方便
Get.toNamed(/register?id1name王哪跑);获取参数和普通路由一致
使用Vue方式传参获取参数方式如下
Get.parameters[id]
进入下一个界面并取消之前的所有路由
Get.offAllNamed(/tabbar);
返回和返回带参数使用方式与普通路由保持一致。 到此就完成了GetX路由管理的使用。
GetX功能很强大路由管理是比较常用的功能。
GetX后续功能将会持续介绍使用下一片文章会介绍一下GetX状态管理
