flutter - Navigator.push() : Error: Could not find the correct Provider above this Consumer Widget

Question

我试图在我的 Flutter 应用程序中实现一些基本的状态管理。在 Widget 树的某处，我有一个用户的提供者。更向下的小部件可以使用消费者用户小部件访问用户。然而，一个小部件(下面截取的代码中的 WidgetB)是使用 Navigator.push() 构建的，并且无法访问用户。按下按钮会抛出错误:

Error: Could not find the correct Provider above this Consumer Widget

floatingActionButton: FloatingActionButton(
          child: Icon(Icons.play),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => Consumer<User>(
                  builder: (context, user, child) => WidgetB(user: user),
                ),
              ),
            );
          },
        ),

如何访问 WidgetB(或 WidgetB 的某些子 Widget)中的用户？

Answer 1

确保您的提供程序设置在 MaterialApp 级别。例如，像这样:

void main() {
  runApp(MultiProvider(
    providers: [
      ChangeNotifierProvider(
        create: (_) => Provider1(),
      ),
      ChangeNotifierProvider(
        create: (_) => Provider2(),
      ),
    ],
    child: MyApp(),
  ));
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MainPage(),
    );
  }
}