flutter 路由封装

Flutter中的路由可以通过Navigator实现，通常我们会对Navigator进行封装来方便使用。下面是一个简单的路由封装示例：

1. 创建一个名为router.dart的文件，用于存放路由相关的代码。

2. 在router.dart中定义一个名为Routes的类，用于存放所有路由的名称。

class Routes {
  static const String home = '/';
  static const String detail = '/detail';
  // 添加更多路由名称
}

3. 在router.dart中定义一个名为Router的类，用于实现路由的封装。

import 'package:flutter/material.dart';

class Router {
  static Route<dynamic> generateRoute(RouteSettings settings) {
    switch (settings.name) {
      case Routes.home:
        return MaterialPageRoute(builder: (_) => HomePage());
      case Routes.detail:
        var data = settings.arguments as String;
        return MaterialPageRoute(builder: (_) => DetailPage(data: data));
      // 添加更多路由
      default:
        return MaterialPageRoute(builder: (_) => Scaffold(body: Text('Unknown Route')));
    }
  }

  static void navigateTo(BuildContext context, String routeName, {Object arguments}) {
    Navigator.pushNamed(context, routeName, arguments: arguments);
  }

  static void navigateBack(BuildContext context) {
    Navigator.pop(context);
  }
}

在Router类中，我们实现了一个generateRoute方法来处理路由的跳转，同时也可以通过navigateTo和navigateBack方法来实现路由的跳转和返回。

4. 在main.dart中注册路由

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      initialRoute: Routes.home,
      onGenerateRoute: Router.generateRoute,
    );
  }
}

在main.dart中，我们将onGenerateRoute设置为Router.generateRoute，即可实现路由的跳转。使用时，可以通过Router.navigateTo来跳转到指定的路由页面，通过Router.navigateBack来返回上一个页面。

以上就是一个简单的Flutter路由封装示例，可以根据实际需求进行修改和扩展。