Fluro路由管理
2020 年 12 月 26 日 星期六(已编辑)
Flutter路由管理。
Fluro作为一款优秀的Flutter企业级路由框架，Fluro的使用比官方提供的路由框架要复杂一些，但是却非常适合中大型项目。因为它具有层次分明、条理化、方便扩展和便于整体管理路由等优点。
fluro: ^1.7.8
修正 flutter fluro与系统Router冲突
在新版本使用FluroRouter 代替Router对象
或者
import 'package:flutter/material.dart' hide Router;
dependencies:
fluro: ^1.7.8
建立路由映射文件
import 'package:fluro/fluro.dart';
application.dart
Router进行静态化，这样在任何一个页面都可以直接调用它。
import 'package:fluro/fluro.dart';
class FluroApplication{
static FluroRouter router;
}
routes/fluro_routes.dart
新建一个路由映射文件，用来对每个路由进行管理。
import 'package:flutter/cupertino.dart';
import 'package:fluro/fluro.dart';
class Routes {
static String splash = '/splash';
static String index = '/index';
static void configureRoutes(FluroRouter router){
// 路由未找到404
router.notFoundHandler = Handler(
handlerFunc: (BuildContext context, Map<String, List<String>> params) {
return NotFoundPage();// 响应404Page
}
);
// 定义
router.define(splash, handler: splashHandler);
//...
//...
}
}
routes/route_handlers.dart
完成基本的路由配置
import 'package:fluro/fluro.dart';
import 'package:flutter/material.dart';
var splashHandler = Handler(
handlerFunc: (BuildContext context, Map<String, List<String>> params) {
return SplashPage();
});
var rankHandler = Handler(
handlerFunc: (BuildContext context, Map<String, List<String>> params) {
return HotRankPage();
});
main.dart
在main.dart文件中引入路由配置文件和静态化文件了
如何调用/
FluroApplication.router.navigateTo(context, '/index');
import 'package:fluro/fluro.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
MyApp() {
//初始化Fluro
final router = new FluroRouter();
FluroRoutes.configureRoutes(router);
FluroApplication.router = router;
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home:Scaffold(
appBar: AppBar(
title: Text('Flutter Demo')
),
body: HomePage(),
)
}
}