В моем виджете "Главная страница", когда пользователь нажимает кнопку "Назад", я хочу показать диалоговое окно с запросом "Вы хотите выйти из приложения?".
Я не понимаю, как мне переопределить или обработать кнопку возврата системы.
В моем виджете "Главная страница", когда пользователь нажимает кнопку "Назад", я хочу показать диалоговое окно с запросом "Вы хотите выйти из приложения?".
Я не понимаю, как мне переопределить или обработать кнопку возврата системы.
Вы можете использовать WillPopScope
для достижения этой цели.
Пример:
import 'dart:async';
import 'package:flutter/material.dart';
class HomePage extends StatefulWidget {
HomePage({Key key, this.title}) :super(key: key);
final String title;
@override
State<StatefulWidget> createState() => new _HomePageState();
}
class _HomePageState extends State<HomePage> {
Future<bool> _onWillPop() {
return showDialog(
context: context,
builder: (context) => new AlertDialog(
title: new Text('Are you sure?'),
content: new Text('Do you want to exit an App'),
actions: <Widget>[
new FlatButton(
onPressed: () => Navigator.of(context).pop(false),
child: new Text('No'),
),
new FlatButton(
onPressed: () => Navigator.of(context).pop(true),
child: new Text('Yes'),
),
],
),
) ?? false;
}
@override
Widget build(BuildContext context) {
return new WillPopScope(
onWillPop: _onWillPop,
child: new Scaffold(
appBar: new AppBar(
title: new Text("Home Page"),
),
body: new Center(
child: new Text("Home Page"),
),
),
);
}
}
??-operator
проверяет наличие null
, см. Здесь. Это важно, потому что если вы щелкнете за пределами диалогового окна, showDialog вернет null
а в этом случае будет возвращено false.
Надеюсь, это помогло!