Flutter 如何使用Navigator.popprift

我正在做一个颤振应用程序，我想从第4页回到第1页。 我有一个非常奇怪的错误：

错误状态：未来已完成

我创建了一个简单的项目来重现这个bug：

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      onGenerateRoute: routes,
    );
  }
}

Route routes(RouteSettings settings) {
  if (settings.name == '/page1') {
    return MaterialPageRoute(
      builder: (context) {
        return Page1();
      },
    );
  } else if (settings.name == '/page2') {
    return MaterialPageRoute(
      builder: (context) {
        return Page2();
      },
    );
  } else if (settings.name == '/page3') {
    return MaterialPageRoute(
      builder: (context) {
        return Page3();
      },
    );
  } else if (settings.name == '/page4') {
    return MaterialPageRoute(
      builder: (context) {
        return Page4();
      },
    );
  } else {
    return MaterialPageRoute(
      builder: (context) {
        return Page1();
      },
    );
  }
}

class Page1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Page 1'),
            RaisedButton(
              child: Text('Go Page 2'),
              onPressed: () {
                Navigator.of(context).pushNamed('/page2');
              },
            )
          ],
        ),
      ),
    );
  }
}

class Page2 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Page 2'),
            RaisedButton(
              child: Text('Go Page 3'),
              onPressed: () {
                Navigator.of(context).pushNamed('/page3');
              },
            )
          ],
        ),
      ),
    );
  }
}

class Page3 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Page 3'),
            RaisedButton(
              child: Text('Go Page 4'),
              onPressed: () {
                Navigator.of(context).pushNamed('/page4');
              },
            )
          ],
        ),
      ),
    );
  }
}

class Page4 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('Page 4'),
            RaisedButton(
              child: Text('Go Back Page 1'),
              onPressed: () {
                Navigator.of(context).popUntil(ModalRoute.withName('/page1'));
              },
            )
          ],
        ),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
void main（）=>runApp（MyApp（））；
类MyApp扩展了无状态小部件{
//此小部件是应用程序的根。
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
onGenerateRoute：路线，
);
}
}
路由路由（路由设置设置）{
如果（settings.name='/page1'）{
返回物料路线(
生成器：（上下文）{
返回Page1（）；
},
);
}else if（settings.name='/page2'）{
返回物料路线(
生成器：（上下文）{
返回第2页（）；
},
);
}else if（settings.name='/page3'）{
返回物料路线(
生成器：（上下文）{
返回第3页（）；
},
);
}else if（settings.name='/page4'）{
返回物料路线(
生成器：（上下文）{
返回第4页（）；
},
);
}否则{
返回物料路线(
生成器：（上下文）{
返回Page1（）；
},
);
}
}
类Page1扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
正文：中(
子：列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
正文（“第1页”），
升起的按钮(
子项：文本（“转到第2页”），
已按下：（）{
Navigator.of（context.pushNamed（'/page2'）；
},
)
],
),
),
);
}
}
类Page2扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
正文：中(
子：列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
正文（“第2页”），
升起的按钮(
子项：文本（“转到第3页”），
已按下：（）{
Navigator.of（context.pushNamed（'/page3'）；
},
)
],
),
),
);
}
}
类Page3扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
正文：中(
子：列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
正文（“第3页”），
升起的按钮(
子项：文本（“转到第4页”），
已按下：（）{
Navigator.of（context.pushNamed（'/page4'）；
},
)
],
),
),
);
}
}
类Page4扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
正文：中(
子：列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
正文（“第4页”），
升起的按钮(
子项：文本（“返回第1页”），
已按下：（）{
Navigator.of（context.popintil）（ModalRoute.withName（'/page1'）；
},
)
],
),
),
);
}
}

---

我怎样才能解决这个问题呢？

这是一个重复的问题。参考和

基本上，当您启动应用程序时，page1会打开，因为它进入最后一个else，并且没有为它指定名称，因此当您使用该页面名称时，它根本找不到它。

而不是：

          Navigator.of(context).push(
            MaterialPageRoute(
              builder: (context) => Page1(),
            ),
          );

使用：

然后您可以使用：

Navigator.of(context)
              .popUntil(ModalRoute.withName("/Page1"));

---

如果我有多个同名的路由，那么它将弹出到哪一个？堆栈中最新的还是堆栈中最后一个？最近的？如何使用此路由传递参数？如何使用路由传递参数？

Navigator.of(context)
              .popUntil(ModalRoute.withName("/Page1"));