如何在 Flutter 中获取当前路由：两种简便方法

在 Flutter 应用中获取当前路由的指南

简介

在 Flutter 应用中，路由是管理不同屏幕和页面之间转换的关键机制。有时，你需要获取当前路由的信息，例如当前所在的页面、路由名称或参数。本文将指导你使用两种方法在 Flutter 应用中获取当前路由：NavigatorState 类和 ModalRoute 类。

方法一：NavigatorState 类

NavigatorState 类是一个管理导航状态的对象。它提供了获取当前路由的方法。

NavigatorState navigatorState = Navigator.of(context);
Route currentRoute = navigatorState.currentRoute;

其中：

• Navigator.of(context)：获取与给定 BuildContext 关联的 Navigator 对象。
• navigatorState.currentRoute：返回当前路由对象。

方法二：ModalRoute 类

ModalRoute 类表示一个模态路由，即用户必须处理后才能继续与应用交互的路由。你可以使用 ModalRoute 类获取当前路由。

ModalRoute currentRoute = ModalRoute.of(context);

其中：

• ModalRoute.of(context)：获取与给定 BuildContext 关联的当前模态路由。

代码示例

以下是使用 NavigatorState 类获取当前路由的代码示例：

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Current Route'),
      ),
      body: Center(
        child: TextButton(
          onPressed: () {
            NavigatorState navigatorState = Navigator.of(context);
            Route currentRoute = navigatorState.currentRoute;
            print('Current route: ${currentRoute.settings.name}');
          },
          child: Text('Get Current Route'),
        ),
      ),
    );
  }
}

以下是使用 ModalRoute 类获取当前路由的代码示例：

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Current Route'),
      ),
      body: Center(
        child: TextButton(
          onPressed: () {
            ModalRoute currentRoute = ModalRoute.of(context);
            print('Current route: ${currentRoute.settings.name}');
          },
          child: Text('Get Current Route'),
        ),
      ),
    );
  }
}

结论

本文介绍了如何在 Flutter 应用中获取当前路由。我们展示了两种方法：NavigatorState 类和 ModalRoute 类。我们还提供了代码示例来帮助你理解如何在实际应用中获取和使用当前路由。通过理解和使用这些方法，你可以轻松地获取当前路由信息并创建更有效的导航体验。

常见问题解答

1. 如何获取当前路由的参数？

你可以通过以下方式获取当前路由的参数：

RouteSettings settings = currentRoute.settings;
Map<String, String> parameters = settings.arguments as Map<String, String>;

2. 如何检查当前路由是否为特定路由？

你可以通过以下方式检查当前路由是否为特定路由：

bool isSpecificRoute = currentRoute.settings.name == 'specificRouteName';

3. 如何返回到上一个路由？

你可以通过以下方式返回到上一个路由：

Navigator.of(context).pop();

4. 如何关闭当前路由并返回到根路由？

你可以通过以下方式关闭当前路由并返回到根路由：

Navigator.of(context).popUntil((route) => route.isFirst);

5. 如何使用自定义过渡效果导航到新路由？

你可以使用以下方式使用自定义过渡效果导航到新路由：

Navigator.of(context).push(
  MaterialPageRoute(
    builder: (context) => NewScreen(),
    transitionDuration: Duration(seconds: 1),
    transitionsBuilder: (context, animation, secondaryAnimation, child) {
      return SlideTransition(
        position: Tween<Offset>(begin: Offset(1, 0), end: Offset(0, 0)).animate(animation),
        child: child,
      );
    },
  ),
);