[TOC] > [參考](https://pub.dev/packages/fluro) ## 概述 特性 - 簡單的路線導航 - 功能處理程序（映射到函數而不是路由） - 通配符參數匹配 - querystring參數解析 - 內置的常見過渡 - 簡單的自定義過渡創建(動畫) - 遵循穩定的顫音通道 - 空安全 ## 快速開始 初始化路由 ``` final router = FluroRouter(); router.define('/home', handler: Handler(handlerFunc: (context, parameters) => HomeScreen())); router.define('/profile/:id', handler: Handler(handlerFunc: (context, parameters) { final id = parameters['id']?.first; return ProfileScreen(userId: id); })) ``` 導航到路由 ``` router.navigateTo(context, '/home'); router.navigateTo(context, '/profile/123', transition: TransitionType.fadeIn); // 可添加動畫效果 ``` 路由攔截： ``` final authMiddleware = FluroMiddleware(); authMiddleware.handler = (context, parameters) async { if (!AuthService.isLoggedIn) { router.navigateTo(context, '/login', replace: true); } }; router.define('/profile/:id', handler: Handler(handlerFunc: (context, parameters) { final id = parameters['id']?.first; return ProfileScreen(userId: id); }), middleware: [authMiddleware]); ``` ## 示例 ``` import 'package:fluro/fluro.dart'; class AppRouter { static final AppRouter _instance = AppRouter._internal(); factory AppRouter() { return _instance; } AppRouter._internal(); static FluroRouter router = FluroRouter(); // 添加路由處理方法 void defineRoutes() { router.define('/home', handler: homeHandler); // 定義其他路由... } // 定義路由處理器 final homeHandler = Handler( handlerFunc: (BuildContext? context, Map<String, dynamic> params) { return HomePage(); }, ); } ``` main ``` import 'package:flutter/material.dart'; import 'package:fluro/fluro.dart'; void main() { // 初始化路由 FluroRouter router = AppRouter.router; AppRouter().defineRoutes(); // 啟動應用程序 runApp(MyApp()); } ```