关于flutter:flutter配置fluro

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,);
  }
}

效果图如下：