1、编写路由配置文件
①创立 routes.dart 文件 并编写 Routes 类的根本构造
②定义路由名称
③定义路由处理函数
④编写函数 configureRoutes 关联路由名称和处理函数
2、在 Application 中配置路由
①定义 router
②通过调用 configureRoutes 配置 router
③在 MaterialApp 中应用 router
routes.dart
import 'package:fluro/fluro.dart';
import 'package:flutter/material.dart';
import './pages/home/index.dart';
import './pages/login.dart';
class Routes {
//1、定义路由名称
static String home = '/';
static String login = '/login';
//2、定义路由处理函数
static Handler _homeHandler = Handler(handlerFunc: (BuildContext context, Map<String, dynamic> params) {return HomePage();
});
static Handler _loginHandler = Handler(handlerFunc: (BuildContext context, Map<String, dynamic> params) {return LoginPage();
});
//3、编写函数 configureRoutes 关联路由名称和处理函数
static void configureRoutes(FluroRouter router) {router.define(home, handler: _homeHandler);
router.define(login, handler: _loginHandler);
}
}
application.dart
import 'package:fluro/fluro.dart';
import 'package:flutter/material.dart';
import './routes.dart';
class Application extends StatelessWidget {const Application({ Key key}) : super(key: key);
@override
Widget build(BuildContext context) {final router = FluroRouter();
Routes.configureRoutes(router);
return MaterialApp(onGenerateRoute: router.generator,);
}
}
效果图如下: