如何处理Flutter中的Android设备BACK按钮？

Question

如何在Flutter for Android中处理设备后退按钮的onPressed()？我知道我必须手动为iOS设置一个后退按钮，但Android设备有内置的BACK按钮，用户可以按下它。怎么处理？

Answer 1

您可以使用WillPopScope来实现此目的。

首先将你的Scaffold包裹在WillPopScope中。我在第一页显示一个对话框，要求确认退出应用程序。您可以根据需要进行修改。

例：

@override
  Widget build(BuildContext context) {
    return new WillPopScope(
      child: Scaffold(
          backgroundColor: Color.fromRGBO(255, 255, 255, 20.0),
          resizeToAvoidBottomPadding: true,
          appBar: AppBar(
              elevation: 4.0,
              title:
                  Text('Dashbaord', style: Theme.of(context).textTheme.title),
              leading: new IconButton(
                icon: new Icon(Icons.arrow_back, color: Colors.white),
                onPressed: () => _onWillPop(),
              )),
          body: new Container(), // your body content
      onWillPop: _onWillPop,
    );
  }

 // this is the future function called to show dialog for confirm exit.
 Future<bool> _onWillPop() {
    return showDialog(
          context: context,
          builder: (context) => new AlertDialog(
                title: new Text('Confirm Exit?',
                    style: new TextStyle(color: Colors.black, fontSize: 20.0)),
                content: new Text(
                    'Are you sure you want to exit the app? Tap \'Yes\' to exit \'No\' to cancel.'),
                actions: <Widget>[
                  new FlatButton(
                    onPressed: () {
                      // this line exits the app.
                      SystemChannels.platform
                            .invokeMethod('SystemNavigator.pop');
                    },
                    child:
                        new Text('Yes', style: new TextStyle(fontSize: 18.0)),
                  ),
                  new FlatButton(
                    onPressed: () => Navigator.pop(context), // this line dismisses the dialog
                    child: new Text('No', style: new TextStyle(fontSize: 18.0)),
                  )
                ],
              ),
        ) ??
        false;
  }
}

在上面的例子中，当用户点击_onWillPop()按钮和BACK中的后退按钮时，我正在调用这个AppBar函数。

您可以使用此WillPopScope来实现BACK按钮按下并执行您想要的操作。