使用不包含 Navigator (Flutter) 的上下文请求的 Navigator 操作答案

【问题标题】：Navigator operation requested with a context that does not include a Navigator (Flutter)使用不包含 Navigator (Flutter) 的上下文请求的 Navigator 操作
【发布时间】：2020-07-07 15:59:46
【问题描述】：

我希望能够从 Main.dart 导航到 Exercises.dart。当我在 App Drawer 中点击 List Tile 时，出现以下错误：

使用不包含导航器的上下文请求导航器操作。

Main.dart

exercises.dart

整个班级

似乎是什么问题？

谢谢

【问题讨论】：

我也将exercise.dart导入main.dart
这与调用导航器的位置有关，你能分享整个班级吗？
我已经添加了该类

标签： java android ios react-native flutter

【解决方案1】：

也许您没有将 Scaffold 上下文传递给单独的小部件并直接使用它。

为此ListTile 制作一个单独的小部件，或者用Builder 将其包装如下：

Builder(
   builder: (context) => ListTile(
     title: Text('Exercises'),
     onTap: () {
       Navigator.of(context).push(
         MaterialPageRoute(
           builder: (context) => Exercises(),
         ),
       );
     },
   ),
 ),

【讨论】：