Flutter - 路由管理 - 02 - Fluro

import 'package:fluro/fluro.dart';
import 'package:flutter/material.dart';
 
// 定义一个路由处理器
Handler routerHandler = Handler(
  handlerFunc: (BuildContext context, Map<String, List<String>> params) {
    print('路由参数: $params');
    return Text('这是参数页面', textDirection: TextDirection.ltr);
  }
);
 
void main() {
  // 创建Fluro的路由管理器
  Router router = Router();
 
  // 定义路由和处理器之间的关系
  router.define('/page/:user', handler: routerHandler);
 
  // 运行应用
  runApp(MaterialApp(
    home: HomePage(),
    onGenerateRoute: router.generator, // 使用Fluro的生成器
  ));
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RaisedButton(
          child: Text('跳转到参数页面'),
          onPressed: () {
            Application.router.navigateTo(context, '/page/fluro');
          },
        ),
      ),
    );
  }
}

这个代码示例展示了如何在Flutter应用中使用Fluro库进行路由管理。首先定义了一个处理器routerHandler，它会在路由触发时被调用。然后，创建了一个Router实例并定义了一个路由与处理器的关系。最后，在main函数中配置了应用，使用Fluro的生成器来处理路由。在HomePage中，我们添加了一个按钮，当点击时，会使用Fluro的路由器导航到一个带参数的页面。