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

布满荆棘的人生 2021-09-24 16:06 294阅读 0赞

1 、问题

用Flutter写了页面跳转，提示错误如下

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

2 、我的代码

  1. void main() {
  2.   runApp(MyApp1());
  3. }
  6. class MyApp1 extends StatelessWidget {
  7.   @override
  8.   Widget build(BuildContext context) {
  9.     return MaterialApp(
  10.       title: 'open url',
  11.       home: Scaffold(
  12.           appBar: AppBar(
  13.             title: Text('hello flutter'),
  14.           ),
  15.           body: Column(
  16.             mainAxisAlignment: MainAxisAlignment.center,
  17.             mainAxisSize: MainAxisSize.min,
  18.             children: <Widget>[
  19.               FlatButton(
  20.                 child: Text("go to new page"),
  21.                 textColor: Colors.blue,
  22.                 onPressed: () {
  23.                     Navigator.push(context, MaterialPageRoute(
  24.                       builder:(context) => NewPage()));
  25.                 },
  26.               ),
  27.             ],
  29.           ),
  30.       ),
  31.     );
  32.   }
  33. }
  36. class NewPage extends StatelessWidget {
  37.   @override
  38.   Widget build(BuildContext context) {
  39.       return Scaffold(
  40.         appBar: AppBar(
  41.             title: Text("hello word"),
  42.         ),
  43.         body: Center(
  44.            child: Text("this is new page"),
  45.         ),
  46.       );
  47.   }
  48. }

3、原因

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

说明这个context上下文不一致，我们看下Navigator的继承关系

  1. class Navigator extends StatefulWidget {
  2. }

但是我的代码是这样的

  1. class MyApp1 extends StatelessWidget {
  2. }

我们需要使用StatefulWidget的Context

4、解决办法

  1. void main() {
  2.     runApp(MaterialApp(
  3.     title: "Navigation basics",
  4.     home: MyApp1(),
  5.   ));
  6. }

用MaterialApp启动

  1. class MaterialApp extends StatefulWidget {
  2. ***
  3. }

发表评论

表情：
评论列表 （有 0 条评论，294人围观）

还没有评论，来说两句吧...

相关阅读