Flutter Navigator operation requested with a context that does not include a Navigator.

最新推荐文章于 2022-04-08 15:04:15 发布

原创最新推荐文章于 2022-04-08 15:04:15 发布 · 631 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #flutter #dart

Android 同时被 3 个专栏收录

20 篇文章

订阅专栏

Linux

3 篇文章

订阅专栏

flutter

1 篇文章

订阅专栏

本文深入探讨了在Flutter中使用Navigator.push进行页面跳转时遇到的NavigatoroperationrequestedwithacontextthatdoesnotincludeaNavigator.错误。分析了错误产生的原因在于调用Navigator.push的context并非MaterialApp的context，并提供了通过给home属性指定具体子树来解决该问题的有效方案。

1、背景flutter 在做Navigator.push跳转时，出现Navigator operation requested with a context that does not include a Navigator.问题。

２、问题原因：问题复现主要在MaterialApp的home参数下面直接调用Navigator.push xxx, 报了问题１

为什么？因为context上下问并非是MaterialApp的context上下文。而是MyApp的父类不含MaterialApp

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: FlatButton(onPressed: () {
        Navigator.pushNamed(context, "xxx");
      }, child: Text("跳转")),
    );
  }
}

３、解决方案：给home一个具体的子树，然后做跳转

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

class SubHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FlatButton(onPressed: () {
      Navigator.pushNamed(context, "xxx");
    }, child: Text("跳转"));
  }
}