Flutter路由管理插件conductor的使用

Flutter路由管理插件conductor的使用

Conductor 是一个基于事件驱动、确定性状态机的库，用于管理 Flutter 应用程序中各个组件之间的交互。

运行测试

运行测试的命令如下：

flutter test

示例代码

以下是一个完整的示例，展示了如何在 Flutter 应用程序中使用 conductor 插件来管理路由。

示例代码文件：main.dart

// 导入必要的包
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:conductor/conductor.dart'; // 导入 Conductor 包

// 定义主应用类
void main() {
  // 设置选项以反映命令式 API
  GoRouter.optionURLReflectsImperativeAPIs = true;

  // 运行应用程序
  runApp(const ProviderScope(
    child: ExampleApp(),
  ));
}

// 定义示例应用类
class ExampleApp extends StatelessWidget {
  const ExampleApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routerDelegate: ConductorRouterDelegate(), // 使用 Conductor 路由委托
      routeInformationParser: ConductorRouteInformationParser(), // 使用 Conductor 路由信息解析器
    );
  }
}

// 定义路由委托
class ConductorRouterDelegate extends RouterDelegate<Set<String>>
    with ChangeNotifier, PopNavigatorRouterDelegateMixin<Set<String>> {

  [@override](/user/override)
  Set<String> get currentConfiguration => _currentPathSet;

  Set<String> _currentPathSet = {};

  void setPath(Set<String> path) {
    _currentPathSet = path;
    notifyListeners();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Navigator(
      key: navigatorKey,
      pages: [
        MaterialPage<Void>(child: HomePage()), // 主页
        if (_currentPathSet.contains('second')) MaterialPage<Void>(child: SecondPage()), // 第二个页面
      ],
      onPopPage: (route, result) {
        if (!route.didPop(result)) {
          return false;
        }
        setPath(_currentPathSet..remove('second'));
        return true;
      },
    );
  }

  [@override](/user/override)
  Future<void> setNewRoutePath(Set<String> configuration) async {
    setPath(configuration);
  }
}

// 定义路由信息解析器
class ConductorRouteInformationParser extends RouteInformationParser<Set<String>> {
  [@override](/user/override)
  Future<Set<String>> parseRouteInformation(RouteInformation routeInformation) async {
    final uri = Uri.parse(routeInformation.location!);
    final paths = uri.pathSegments.toSet();
    return paths;
  }

  [@override](/user/override)
  RouteInformation restoreRouteInformation(Set<String> configuration) {
    final uri = Uri(pathSegments: List.from(configuration));
    return RouteInformation(location: uri.toString());
  }
}

// 定义主页
class HomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('首页'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 导航到第二个页面
            Conductor.of(context).setPath({'second'});
          },
          child: Text('前往第二页'),
        ),
      ),
    );
  }
}

// 定义第二个页面
class SecondPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('第二页'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // 返回主页
            Conductor.of(context).setPath({});
          },
          child: Text('返回首页'),
        ),
      ),
    );
  }
}