Flutter正则表达式路由管理插件regex_router的使用

regex_router是一个支持正则路径匹配的Flutter路由管理插件。它允许开发者通过定义带有参数和查询字符串的复杂路由规则，简化了应用内页面导航的实现。

使用方法

首先需要创建一个RegexRouter实例，并将其generateRoute方法传递给MaterialApp或任何其他Navigator组件中。

示例代码

import 'package:flutter/material.dart';
import 'package:regex_router/regex_router.dart';

void main() {
  // 创建router实例
  final router = RegexRouter.create({
    "/": (context, _) => HomePage(),
    "/second/:id/": (context, args) => AnotherPage(id: args["id"]!),
    "/withBody": (context, args) => PageWithBody(body: args.body!),
    "/post/:id(\\?success=(?<success>true|false))?": (context, args) {
      bool success = args["success"] == "true";
      return PostResultPage(success: success);
    },
  });

  // 运行material app并配置router
  runApp(MaterialApp(
    onGenerateRoute: router.generateRoute,
    initialRoute: "/",
    theme: ThemeData(
      primarySwatch: Colors.blue,
    ),
  ));
}

class HomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Home Page')),
      body: Column(
        children: <Widget>[
          MaterialButton(
            onPressed: () => Navigator.of(context).pushNamed("/second/7"),
            child: Text("Go to Second Page with ID 7"),
          ),
          MaterialButton(
            onPressed: () => Navigator.of(context)
                .pushNamed("/withBody", arguments: {"key": "value"}),
            child: Text("Go to Page With Body"),
          ),
          MaterialButton(
            onPressed: () => Navigator.of(context)
                .pushNamed("/post/123?success=true"),
            child: Text("Check Post Result"),
          ),
        ],
      ),
    );
  }
}

class AnotherPage extends StatelessWidget {
  final String id;

  const AnotherPage({Key? key, required this.id}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Another Page')),
      body: Center(child: Text("ID: $id")),
    );
  }
}

class PageWithBody extends StatelessWidget {
  final Object body;

  const PageWithBody({Key? key, required this.body}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Page With Body')),
      body: Center(child: Text("Body: $body")),
    );
  }
}

class PostResultPage extends StatelessWidget {
  final bool success;

  const PostResultPage({Key? key, required this.success}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Post Result')),
      body: Center(child: Text("Success: $success")),
    );
  }
}