Flutter灵魂拷问，原来无BuildContext跳转可以这样做

2023-09-19 03:27:50

Flutter 中的无 BuildContext 跳转：小工具开发的秘密武器

在 Flutter 中，BuildContext 对象是管理组件状态和生命周期的关键元素。它在组件树中向下传递，允许子组件访问其父组件的上下文信息。但是，在某些情况下，例如在函数中进行路由跳转时，我们可能无法直接获取 BuildContext 对象。本文将介绍如何在 Flutter 中使用路由生成器和 Provider 包来实现无 BuildContext 跳转，从而解决这一问题。

路由生成器

路由生成器是一种特殊的 Flutter 函数，允许我们在不使用 BuildContext 对象的情况下生成路由。要使用路由生成器，我们需要在 Flutter 应用程序的 routes 属性中指定一个路由名称，然后将路由生成器函数作为该路由的处理程序。当用户触发路由跳转时，Flutter 会自动调用路由生成器函数来生成一个路由。

routes: {
  '/myRoute': (context) => MyRoute(),
},

在这个示例中，我们将 '/myRoute' 路由与名为 MyRoute 的路由生成器函数相关联。当用户触发路由跳转时，Flutter 会自动调用 MyRoute() 函数来生成一个路由。在 MyRoute() 函数中，我们可以根据需要进行路由跳转，而无需使用 BuildContext 对象。

class MyRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My Route'),
      ),
      body: Center(
        child: Text('This is my route.'),
      ),
    );
  }
}

Provider 包

除了路由生成器之外，我们还可以使用 Provider 包来实现无 BuildContext 跳转。Provider 包是一个 Flutter 中的状态管理库，它允许我们在组件之间传递数据，而无需使用 BuildContext 对象。要使用 Provider 包来实现无 BuildContext 跳转，我们需要在 Flutter 应用程序的顶层创建一个 Provider 对象，然后将需要传递的数据存储在该 Provider 对象中。当我们需要在组件中使用这些数据时，我们可以使用 Provider.of() 方法来获取数据。

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Provider(
      create: (context) => MyData(),
      child: MaterialApp(
        home: MyHomePage(),
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final data = Provider.of<MyData>(context);
    return Scaffold(
      appBar: AppBar(
        title: Text('My HomePage'),
      ),
      body: Center(
        child: Text(data.message),
      ),
    );
  }
}

class MyData {
  final String message;

  MyData({this.message});
}