本文主要是介绍Flutter GetX 之 路由管理，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
路由管理是插件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" 为使用过程中的Key，page: 为指向的页面。
下面是路由管理类的完整代码
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';List<GetPage> 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?id=1&name=王哪跑");
获取参数和普通路由一致
使用Vue方式传参获取参数方式如下
Get.parameters['id']进入下一个界面并取消之前的所有路由
Get.offAllNamed("/tabbar");返回和返回带参数使用方式与普通路由保持一致。
到此就完成了GetX路由管理的使用。
GetX功能很强大，路由管理是比较常用的功能。
GetX后续功能将会持续介绍使用，下一片文章会介绍一下GetX状态管理
这篇关于Flutter GetX 之 路由管理的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
