Flutter状态管理终极方案GetX第一篇——路由(1)

(Route route) => false,
);

导航到新页面，在返回时接收返回数据：

var data = await Get.to(NextScreen());

对应原生路由：

var data = await Navigator.push(context, MaterialPageRoute(
builder: (BuildContext context) {
return NextScreen();
},
));

带返回值返回前一个路由，配合上面使用：

Get.back(result: ‘success’);

对应原生路由：

Navigator.pop(context, ‘success’);

别名路由导航

1. 声明别名：

abstract class Routes {
static const Initial = ‘/’;
static const NextScreen = ‘/NextScreen’;

}

2. 注册路由表：

abstract class AppPages {
static final pages = [
GetPage(
name: Routes.Initial,
page: () => HomePage(),
),
GetPage(
name: Routes.NextScreen,
page: () => NextScreen(),
),
];
}

3. 替换MaterialApp为GetMaterialApp：

void main() {
runApp(GetMaterialApp(
debugShowCheckedModeBanner: false,
initialRoute: ‘/’,
theme: appThemeData,
defaultTransition: Transition.fade,
getPages: AppPages.pages,
home: HomePage(),
));
}

使用

导航到下一个页面：

Get.toNamed(Routes.NextScreen);

导航到下一个页面并删除前一个页面：

Get.offNamed(Routes.NextScreen);

导航到下一个页面并删除以前所有的页面：

Get.offAllNamed(Routes.NextScreen);

发送数据到别名路由：

Get在这里接受任何东西，无论是一个字符串，一个Map，一个List，甚至一个类的实例。

Get.toNamed(Routes.NextScreen, arguments: ‘新垣结衣’);

获取参数：

String name=Get.arguments;

动态网页链接:

像web一样携带参数，适合前端开发的风格。

Get.offAllNamed(“/NextScreen?device=phone&id=354&name=Enzo”);

获取参数：

int id = Get.parameters[‘id’];
// out: 354
String name=Get.parameters[‘name’];

还可以这样定义路由别名：

GetPage(
name: ‘/profile/:user’,
page: () => UserProfile(),
),

导航：

Get.toNamed(“/profile/34954”);

在第二个页面上，通过参数获取数据

print(Get.parameters[‘user’]);
// out: 34954

中间件

在跳转前做些事情，比如判断是否登录，可以使用routingCallback来实现：

GetMaterialApp(
routingCallback: (routing) {
if(routing.current == ‘/second’){
// 如果登录。。。
}
}
)

小部件导航

SnackBars

弹出：

Get.snackbar(‘Hi’, ‘i am a modern snackbar’);

对应原生写法：

final snackBar = SnackBar(
content: Text(‘Hi!’),
action: SnackBarAction(
label: ‘I am a old and ugly snackbar’,
onPressed: (){}
),
);

//用Flutter创建一个简单的SnackBar，你必须获得Scaffold的context，或者你必须使用一个GlobalKey附加到你的Scaffold上。

Scaffold.of(context).showSnackBar(snackBar);

Dialogs

打开一个默认的Dialog：

Get.defaultDialog(
onConfirm: () => print(“Ok”),
middleText: “Dialog made in 3 lines of code”
);

打开自定义的Dialog：

Get.dialog(YourDialogWidget());

BottomSheets

Get.bottomSheet类似于showModalBottomSheet，但不需要context：

Get.bottomSheet(
Container(
child: Wrap(
children: [
ListTile(
leading: Icon(Icons.music_note),
title: Text(‘Music’),
onTap: () => {}
),
ListTile(
leading: Icon(Icons.videocam),
title: Text(‘Video’),
onTap: () => {},
),

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！