Flutter'da Android "GERİ" düğmesini nasıl devre dışı bırakabilir veya geçersiz kılabilirsiniz?

Belirli bir sayfadayken Android geri düğmesini devre dışı bırakmanın bir yolu var mı?

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

On pageOne İkinci sayfaya gitmek için bir düğmem var:

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

Benim sorunum, android ekranının altındaki Geri okuna basarsam, pageOne'a geri dönmem. Bu düğmenin hiç görünmemesini istiyorum. İdeal olarak, kullanıcı örneğin parmağını ekranda 5 saniye basılı tutmadıkça bu ekrandan çıkmanın mümkün olmamasını isterim. (Yeni yürümeye başlayan çocuklar için bir Uygulama yazmaya çalışıyorum ve yalnızca ebeveynlerin belirli bir ekrandan dışarı çıkabilmesini istiyorum).

Cevap şudur WillPopScope. Sayfanın sistem tarafından açılmasını engelleyecektir. Hala kullanabileceksinizNavigator.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(),
        ),
      ),
    ),
  );
}

Rémi Rousselet'in belirttiği gibi WillPopScope, genellikle gidilecek yol budur. Ancak, geri düğmesine doğrudan tepki vermesi gereken durum bilgisi olan bir pencere öğesi geliştiriyorsanız, bunu kullanabilirsiniz:

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

Not: Bu paketin yazarıyım.

Remi'nin cevabı doğru olsa da, genellikle geri düğmesini engellemek istemezsiniz, ancak bir kullanıcının çıkışı onaylamasını istersiniz.

Onay iletişim kutusundan bir cevap alarak benzer şekilde yapabilirsiniz, çünkü onWillPopbir gelecek.

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

Bunu, herhangi birinin bunu bulması ve basit bir örnek bulmasını dilemesi durumunda buraya gönderiyorum 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"),
              )
          )
      ),
    );
  }
}

Future.value(bool)Geri düğmesini kullanmak için kullanabilirsiniz .

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

Mixin kullandım ve WillPopScope widget'ı işi benim için yapamadı. Bu bulduğum en iyi yaklaşım, bence WillPopScope'tan çok daha iyi.
final bool canPop = ModalRoute.of(context)?.canPop ?? false;
Appbar içinde şu şekilde kullandım:

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

Cevap, belki de bu en kullanmak biliyordum WillPopScope , ama ne yazık üzerinde IOS sen olamaz geri tokatlamak o yüzden özel senin MaterialPageRoute izin Önceki sayfayı:

class CustomMaterialPageRoute<T> extends MaterialPageRoute<T> {
  @protected
  bool get hasScopedWillPopCallback {
    return false;
  }
  CustomMaterialPageRoute({
    @required WidgetBuilder builder,
    RouteSettings settings,
    bool maintainState = true,
    bool fullscreenDialog = false,
  }) : super( 
          builder: builder,
          settings: settings,
          maintainState: maintainState,
          fullscreenDialog: fullscreenDialog,
        );
}

Artık WillPopScope'u kullanabilirsiniz ve geriye doğru hızlıca kaydırın IOS üzerinde çalışacaktır. Ayrıntıların cevabı burada: https://github.com/flutter/flutter/issues/14203#issuecomment-540663717

Appbar'ın başına geri düğmesini gizleyen bir kap eklemeniz yeterlidir.

AppBar(
        title: new Text('Page Title'),
        leading: new Container(),
      ),