FlutterFlutterFlutter学习日记

Flutter 路由框架Airoute(爱路由)

2019-12-20  本文已影响0人  Air_w

Airoute

totem

我们的宗旨是:帮助开发者更加便利开发、切身体会编程之美!

airoute:

*1、支持无需context的路由管理,
*2、支持‘非侵入式参数传递’的路由管理,
*3、让你爱上路由管理的airoute

Airoute项目中的实战应用flutter sample

1.安装

使用当前包作为依赖库

1. 依赖此库

在文件 'pubspec.yaml' 中添加


  # 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, AirouteBuilder>{
        "/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: "遇见你,我很开心😄😄😄",
              );

接收参数


class Page extends StatefulWidget with AirArgumentReceiver {

  @override
  State<StatefulWidget> createState() {
    return _PageState();
  }

  @override
  void receive(AirArgument argument) {
    print("收到${argument.argument}参数了,我很开心😄😄😄");
  }
}


*4、更多用法点击,查看更多


flutter开发者项目示例:

flutter_app_sample 帮助flutter开发者更快入门、精进,避免不必要的技术坑。
如果您觉得此项目对您有所帮助,也可以"star"一下,我们得到您的鼓励后会更有动力持续推出更多有益于您的技术示例

特征:

上一篇下一篇

猜你喜欢

热点阅读