如何在Flutter中停用或覆盖Android“后退”按钮？

Question

在特定页面上，是否有办法停用Android后退按钮？

class WakeUpApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: "Time To Wake Up ?",
      home: new WakeUpHome(),
      routes: <String, WidgetBuilder>{
        '/pageOne': (BuildContext context) => new pageOne(),
        '/pageTwo': (BuildContext context) => new pageTwo(),
      },
    );
  }
}

在第一页上，我有一个按钮可以转到第二页：

new FloatingActionButton(
  onPressed: () {    
    Navigator.of(context).pushNamed('/pageTwo');
  },
)

我的问题是，如果我按下android屏幕底部的返回箭头，我会返回到第一页。我不希望这个按钮出现。理想情况下，我希望没有可能离开这个屏幕，除非用户保持他的手指按在屏幕上5秒钟。(我正试图为初学走路的孩子编写一个应用程序，希望只有父母能够导航出特定的屏幕)。

Answer 1

虽然Remi的答案是正确的，但通常您不想简单地阻止后退按钮，而是希望用户确认退出。

您可以通过从确认对话框中获取答案来执行类似的操作，因为onWillPop是一个未来。

@override
Widget build(BuildContext context) {
  return WillPopScope(
    child: Scaffold(...),
    onWillPop: () => showDialog<bool>(
      context: context,
      builder: (c) => AlertDialog(
        title: Text('Warning'),
        content: Text('Do you really want to exit'),
        actions: [
          FlatButton(
            child: Text('Yes'),
            onPressed: () => Navigator.pop(c, true),
          ),
          FlatButton(
            child: Text('No'),
            onPressed: () => Navigator.pop(c, false),
          ),
        ],
      ),
    ),
  );
}

Answer 2

正如雷米·罗塞利特所指出的，威尔波普普通常是要走的路。但是，如果您正在开发一个有状态的小部件，它应该直接对后退按钮做出反应，则可以使用以下命令：

https://pub.dartlang.org/packages/back_button_interceptor

注意：我是这个包的作者。

Answer 3

答案是WillPopScope。它将防止页面被系统弹出。您仍然可以使用Navigator.of（上下文）. pop（）

@override
Widget build(BuildContext context) {
  return new WillPopScope(
    onWillPop: () async => false,
    child: new Scaffold(
      appBar: new AppBar(
        title: new Text("data"),
        leading: new IconButton(
          icon: new Icon(Icons.ac_unit),
          onPressed: () => Navigator.of(context).pop(),
        ),
      ),
    ),
  );
}