如何禁用或覆盖Android的“返回”按钮，在扑动?

是否有一种方法可以在特定页面上禁用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屏幕底部的后退箭头，我就会回到pageOne。我想这个按钮不显示在所有。理想情况下，除非用户的手指持续按在屏幕上5秒钟，否则我不希望用户有任何办法离开屏幕。(我正在尝试为幼儿编写一个应用程序，希望只有父母能够导航出特定的屏幕)。

当前回答

虽然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),
          ),
        ],
      ),
    ),
  );
}

2019-09-30 06:43:16

其他回答

你可以使用Future.value(bool)来处理后退按钮。

bool _allow = true;

@override
Widget build(BuildContext context) {
  return WillPopScope(
    child: Scaffold(appBar: AppBar(title: Text("Back"))),
    onWillPop: () {
      return Future.value(_allow); // if true allow back else block it
    },
  );
}

2019-04-06 09:51:34

WillPopScope是一个很好的解决方案，onWillPop: () async => false返回按钮被禁用，但图标仍然在那里。

要删除和禁用后退按钮，只需使用AppBar中的leading: Container()。

2022-09-08 08:19:32

正如Rémi Rousselet所指出的，WillPopScope通常是可行的方法。然而，如果你正在开发一个有状态的小部件，它应该直接对后退按钮做出反应，你可以使用这个:

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

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

2019-01-03 00:20:41

我把这个贴在这里，以防有人发现这个，并希望他们能找到一个简单的例子 https://gist.github.com/b-cancel/0ca372017a25f0c120b14dfca3591aa5

import 'package:flutter/material.dart';

import 'dart:async';

void main() => runApp(new BackButtonOverrideDemoWidget());

class BackButtonOverrideDemoWidget extends StatefulWidget{
  @override
  _BackButtonOverrideDemoWidgetState createState() => new _BackButtonOverrideDemoWidgetState();
}

class _BackButtonOverrideDemoWidgetState extends State<BackButtonOverrideDemoWidget> with WidgetsBindingObserver{

  //-------------------------Test Variable

  bool isBackButtonActivated = false;

  //-------------------------Required For WidgetsBindingObserver

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  //-------------------------Function That Triggers when you hit the back key

  @override
  didPopRoute(){
    bool override;
    if(isBackButtonActivated)
      override = false;
    else
      override = true;
    return new Future<bool>.value(override);
  }

  //-------------------------Build Method

  @override
  Widget build(BuildContext context) {
    return new Directionality(
      textDirection: TextDirection.ltr,
      child: new Container(
          color: (isBackButtonActivated) ? Colors.green : Colors.red,
          child: new Center(
              child: new FlatButton(
                color: Colors.white,
                onPressed: () {
                  isBackButtonActivated = !isBackButtonActivated;
                  setState(() {});
                },
                child: (isBackButtonActivated) ?
                new Text("DeActive the Back Button") : new Text("Activate the Back Button"),
              )
          )
      ),
    );
  }
}

2018-06-13 21:51:17

虽然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),
          ),
        ],
      ),
    ),
  );
}

2019-09-30 06:43:16

如何禁用或覆盖Android的“返回”按钮，在扑动?

推荐文章

最新文章

标签