Airoute | 爱路由
Airoute | 爱路由 |
---|
totem_four_logo.jpg |
:- |
English Document | 中文文档 |
---|
我们的宗旨是:帮助开发者更加便利开发、切身体会编程之美!
airoute:
*1、支持无需context的路由管理,
*2、支持‘非侵入式参数传递’的路由管理,
*3、让你爱上路由管理的airoute
Airoute 在项目中的实战应用flutter sample
效果图
iOS | Android |
---|---|
airoute_ios | airoute_android |
:- | :- |
macOS | web |
---|---|
airoute_macos | airoute_web |
:- | :- |
1.安装
使用当前包作为依赖库
1. 依赖此库
在文件 'pubspec.yaml' 中添加
[图片上传失败...(image-1ff98b-1585660906021)]
dependencies:
airoute: ^version
或以这种方式添加
# Route package.
airoute:
git:
url: https://github.com/pdliuw/airoute.git
2. 安装此库
你可以通过下面的命令行来安装此库
$ flutter pub get
你也可以通过项目开发工具通过可视化操作来执行上述步骤
3. 导入此库
现在,在你的Dart编辑代码中,你可以使用:
import 'package:airoute/airoute.dart';
2.使用
1.在你的项目入口'main.dart'中配置:
Airoute 全局配置
void main() {
runApp(
///
/// 配置Airoute
Airoute.createMaterialApp(
home: LaunchPage(),
routes: <String, WidgetBuilder>{
"/LaunchPage": (_) => LaunchPage(),
"/SecondPage": (_) => SecondPage(),
},
),
);
}
2.调用/应用
*1、跳转新页面
Airoute.pushNamed(routeName: "/routeName");
*2、关闭页面
Airoute.pop();
*3、跳转新页面,并添加动画
Airoute.pushNamedWithAnimation(
routeName: "/routeName",
routePageAnimation: AirouteTransition.Slide);
*4、传递参数、接收参数
传递参数
Airoute.pushNamed(
routeName: "/Page",
argument: "遇见你,我很开心😄😄😄",
);
传递number参数
Airoute.pushNamed(
routeName: "/SecondPage",
argument: 0,
);
传递Map参数
Airoute.pushNamed(
routeName: "/Page",
argument: {
"account":"this is accont",
"password":"this is password ",
},
传递Array参数
Airoute.pushNamed(
routeName: "/Page",
argument: [
"Air",
"James",
"Lucy",
"Tom",
],
);
接收参数
class Page extends StatefulWidget with AirArgumentReceiver {
@override
State<StatefulWidget> createState() {
return _PageState();
}
@override
void receive(AirArgument argument) {
print("收到${argument.argument}参数了,我很开心😄😄😄");
}
}
*5、路由跳转
[图片上传失败...(image-8ebe09-1585660906021)]
Airoute.push(
route: AwesomeMessageRoute(
awesomeMessage: AwesomeHelper.createAwesome(
title: "title", message: "message"),
theme: null,
settings: RouteSettings(name: "/messageRouteName"),
),
);
*6、更多用法点击,查看更多
待办
- 支持: 路由拦截器.
flutter开发者项目示例:
flutter_app_sample 帮助flutter开发者更快入门、精进,避免不必要的技术坑。
如果您觉得此项目对您有所帮助,也可以"star"一下,我们得到您的鼓励后会更有动力持续推出更多有益于您的技术示例
特征:
- 本项目是主打技术示例,所以涉及到的需求会比较少,涉及到的技术会比较多
- 本项目是为flutter开发者专门打造的“Api demo app”
- 本项目不仅包含flutter 各种widget组件,还包含开发包、插件,以及与各平台platforms交互、通信(Platform Channel)的技术示例。
- 移步查看更多特征......
网友评论