美文网首页FlutterFlutter
Flutter airoute|爱路由

Flutter airoute|爱路由

作者: Air_w | 来源:发表于2020-03-31 21:22 被阅读0次

    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)的技术示例。
    • 移步查看更多特征......

    相关文章

      网友评论

        本文标题:Flutter airoute|爱路由

        本文链接:https://www.haomeiwen.com/subject/pznguhtx.html