Wie zu deaktivieren oder überschreiben Sie die Android "ZURÜCK" - button, im Flattern?

Gibt es eine Möglichkeit, Sie zu deaktivieren die Android-zurück-Taste, wenn auf einer bestimmten Seite?

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(),
      },
    );
  }
}

Auf pageOne ich habe eine Taste zu gehen, um pageTwo:

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

Mein problem ist, dass wenn ich drücken Sie die Zurück-Pfeil am unteren Rand des android-Bildschirm, gehe ich zurück zu pageOne. Ich möchte diese Schaltfläche, um nicht zeigen, bis überhaupt.
Im Idealfall würde ich gerne haben, nicht möglich Weg von diesem Bildschirm, wenn der Benutzer zum Beispiel hält seine finger gedrückt auf dem Bildschirm für 5 Sekunden. (Ich bin versucht zu schreiben, eine App für Kleinkinder, und würde gerne nur die Eltern in der Lage sein zu navigieren aus dem jeweiligen Bildschirm).

InformationsquelleAutor Jackpap | 2017-08-28

flutter

Die Antwort ist WillPopScope. Es wird verhindert, dass die Seite von knallte durch das system. Sie werden immer noch in der Lage sein zu verwenden Navigator.of(context).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(),
        ),
      ),
    ),
  );
}

InformationsquelleAutor Rémi Rousselet

6

Als Rémi Rousselet darauf hingewiesen, WillPopScope ist in der Regel der Weg zu gehen. Allerdings, wenn Sie die Entwicklung einer stateful-widget, das sollte reagieren auf die zurück-Taste direkt, Sie kann dieses verwenden:

https://pub.dartlang.org/packages/back_button_interceptor
- Mit allem Respekt, glaubst du nicht, das ist besser geeignet als ein Kommentar?
- Nein, da es nicht zu einem Kommentar zu einer anderen Antwort, sondern eine ganz andere Art und Weise zu lösen, das gleiche problem.
- danke, keine der Lösungen funktioniert bei mir, außer für deine Antwort.
InformationsquelleAutor MarcG

Ich bin dieses posting hier, falls es jemanden gibt, findet diese auf und wünscht, Sie würde finden Sie ein einfaches Beispiel
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"),
              )
          )
      ),
    );
  }
}

Dies ist keine Arbeit
Ich buchstäblich es mir gestern. Beachten Sie, dass es nur für Android -, Apple hat keine zurück-Taste. Zwar könnten Sie vielleicht mir sagen, was schief geht, damit ich es reparieren kann, oder vielleicht ist es funktioniert nur auf meinem speziellen emulator. Ich habe nicht aktualisiert, mein flattern in ein paar Wochen, also vielleicht ist das das problem. Lassen Sie mich wissen,
Deine Antwort funktioniert nur, wenn Sie noch keine geschoben Routen. Siehe Methode WidgetsBinding.handlePopRoute(). Es benachrichtigt den Beobachter in die Ordnung der Erledigung, und Stoppt, sobald es empfängt wahr. Wenn es geschoben Routen, navigator gibt true zurück, zuerst, und dann Ihre Beobachter eigentlich nie aufgerufen wird. In anderen Worten, dein code funktioniert nur, um zu verhindern, dass die Anwendung Herunterfahren, wenn der Benutzer auf die zurück-Schaltfläche, wenn es keine mehr Routen Links.

InformationsquelleAutor Bryan Cancel

Können Sie Future.value(bool) behandeln Sie die zurück-Taste.

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

FYI, dies ist äquivalent zu onWillPop: () async => _allow.
ja das kenne ich. Ich wollte nur zu teilen Future.value() nennen.

InformationsquelleAutor CopsOnRoad

0

Verwenden Sie die Methode popAndPushNamed statt pushNamed. Es erscheint die aktuelle route und schiebt die gewünschte route.

Dass gesagt wird, Ihrer FAB-code sollte wie folgt Aussehen
```
new FloatingActionButton(
  onPressed: () {    
    Navigator.popAndPushNamed(context, '/pageTwo');
  },
)
```
- Dies funktioniert nicht für mich. Ich hatte dies bereits versucht, aber die Android-zurück-Pfeil bringt mich noch immer zurück zu Seite eins.
InformationsquelleAutor icazevedo

Während Remi die Antwort richtig ist, in der Regel wollen Sie nicht einfach sperren Sie die zurück-Taste, aber möchten, dass ein Benutzer, um zu bestätigen Sie die Ausfahrt.

Können Sie machen es ähnlich, indem Sie immer eine Antwort aus der Bestätigungs-dialog, weil onWillPop eine Zukunft.

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

Warum wird diese Antwort bekommen Sie einen downvote? Ist jemand, diesen umzusetzen, und hatte schlechte Erfahrungen?

InformationsquelleAutor Airon Tark

Ich verwendet, Mixins und WillPopScope widget konnte einfach nicht bekommen den job zu erledigen für mich.
Dies ist der beste Ansatz, den ich fand, viel besser als WillPopScope meiner Meinung nach.

final bool canPop = ModalRoute.of(context)?.canPop ?? false;

Es verwendet, wie dies in appbar:

leading: ModalRoute.of(context)?.canPop ?? false
    ? IconButton(
        onPressed: () {
          Navigator.pop(context);
        },
        icon: (Platform.isAndroid)
            ? const Icon(Icons.arrow_back)
            : const Icon(Icons.arrow_back_ios),
      )
    : Container(),

InformationsquelleAutor Djordje Komazec

-2

Die Methode, die Sie verwenden können, ist wie folgt:

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

Hoffe, das hilft. Dank

InformationsquelleAutor Bernard Nongpoh

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.