flutter_redux 路由管理

flutter_redux 还有一个很赞的功能, 可以方便地进行路由管理

直接创建路由

创建路由管理: app_route.dart

import 'package:fish_redux/fish_redux.dart';
import 'package:flutter_app_bootstrapper/pages/test/page.dart';
final AbstractRoutes pageRoutes = PageRoutes(
  pages: <String, Page<Object, dynamic>>{
    'test': TestPage(),
  },
);

使用路由: main.dart, 在 MaterialApp -> home 参数中使用

pageRoutes.buildPage('test', {'msg': 'world'})

使用 global 包装

看很多项目都使用以下方式创建路由, 我并不喜欢, 不过还是放出来看看

创建路由管理: app_route.dart

import 'package:fish_redux/fish_redux.dart';
import 'package:flutter_app_bootstrapper/pages/test/page.dart';
class AppRoute {
  static AbstractRoutes _global;
  static AbstractRoutes get global {
    if (_global == null) {
      _global = PageRoutes(pages: <String, Page<Object, dynamic>>{
        RoutePath.test: TestPage(),
      });
    }
    return _global;
  }
}
class RoutePath {
  static const String test = 'test';
}

使用路由: main.dart, 在 MaterialApp -> home 参数中使用

AppRoute.global.buildPage(RoutePath.test, {'msg': 'world'}),

MIT Licensed | Copyright © 2018-present 滇ICP备16006294号

Design by Quanzaiyu | Power by VuePress