Comment remplacer le bouton «Retour» dans Flutter?

Tushar Pol:

Sur mon widget Accueil, lorsque l'utilisateur appuie sur le bouton de retour du système, je souhaite afficher une boîte de dialogue de confirmation demandant "Voulez-vous quitter l'application?"

Je ne comprends pas comment je devrais remplacer ou gérer le bouton de retour du système.

Hemanth Raj:

Vous pouvez utiliser WillPopScopepour y parvenir.

Exemple:

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() async {
    return (await 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"),
        ),
      ),
    );
  }
}

Les ??-operatorchèques pour null, voir ici . Ceci est important car si vous cliquez en dehors de la boîte de dialogue, showDialog retourne nullet dans ce cas, false est renvoyé.

J'espère que cela a aidé!

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

Comment désactiver ou remplacer le bouton "RETOUR" d'Android, dans Flutter?

comment remplacer / personnaliser l'image du bouton retour dans le contrôleur de navigation du storyboard

comment remplacer le bouton de retour de la barre d'action dans Android?

comment remplacer le bouton de retour par défaut dans ionic

Remplacer le bouton Retour dans le contrôleur de navigation

Comment masquer le bouton "retour" dans UINavigationController?

Comment configurer le bouton de retour dans le navigateur pour Flutter Web App

Comment reculer dans PageView lorsque vous appuyez sur le bouton de retour [Flutter]

Comment gérer le bouton RETOUR de l'appareil Android dans Flutter?

comment remplacer le style dans le flutter

Comment ajouter un bouton de barre de gauche sans remplacer le bouton de retour naturel?

Flutter comment exécuter en cliquant sur le bouton retour

comment changer le bouton de retour sur RateMyAppNoButton en flutter

Comment ajouter un bouton Retour sans utiliser AppBar dans Flutter?

Comment changer le bouton d'action de saisie de texte (touche retour / entrée) sur le clavier dans Flutter?

Comment implémenter le bouton de retour dans angulaire 9

Comment afficher le bouton «haut» / «retour» dans Xamarin.Forms?

Comment afficher le bouton de retour dans l'activité

Comment émuler le bouton de retour du navigateur dans HtmlUnit?

Comment appuyer sur le bouton «Retour» dans UINavigationController par programmation

Comment rechercher dans le bouton Flutter DropDown

Comment ne pas appeler didChangeDependencies () après avoir appuyé sur le bouton retour du widget enfant dans Flutter?

Comment manipuler le bouton retour ?

Comment remplacer le bouton d'action flottant dans un fragment?

Comment remplacer le bouton d'alimentation dans un appareil Android

Android - Comment remplacer le bouton "Retour" pour qu'il ne termine pas () mon activité?

Remplacer le comportement du bouton de retour par défaut dans Android

Comment remplacer l'action du bouton de retour matériel dans Ionic 3?

Comment remplacer le retour si condition?

TOP liste

chaudétiquette

Archive