svolazzare rimuovere il pulsante indietro sulla barra delle applicazioni

Mi chiedo, se qualcuno conosce un modo per rimuovere il pulsante Indietro che viene visualizzato appBarin un'app flutter quando si utilizza Navigator.pushNamedper andare a un'altra pagina. Il motivo per cui non lo voglio in questa pagina risultante è che proviene dalla navigazione e voglio che gli utenti utilizzino logoutinvece il pulsante, in modo che la sessione ricominci.

Puoi rimuovere il pulsante Indietro passando un vuoto new Container()come leadingargomento al tuo AppBar.

Tuttavia, se ti ritrovi a farlo, probabilmente non vuoi che l'utente sia in grado di premere il pulsante Indietro del dispositivo per tornare al percorso precedente. Invece di chiamare pushNamed, prova a chiamare Navigator.pushReplacementNamedper far scomparire il percorso precedente.

Di seguito è riportato un esempio di codice completo per quest'ultimo approccio.

import 'package:flutter/material.dart';

class LogoutPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Logout Page"),
      ),
      body: new Center(
        child: new Text('You have been logged out'),
      ),
    );
  }

}
class MyHomePage extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Remove Back Button"),
      ),
      floatingActionButton: new FloatingActionButton(
        child: new Icon(Icons.fullscreen_exit),
        onPressed: () {
          Navigator.pushReplacementNamed(context, "/logout");
        },
      ),
    );
  }
}

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      home: new MyHomePage(),
      routes: {
        "/logout": (_) => new LogoutPage(),
      },
    );
  }
}

Credo che le soluzioni siano le seguenti

In realtà o:

• Non voglio mostrare quel brutto pulsante indietro (:]), e quindi scegli AppBar(...,automaticallyImplyLeading: false,...):;

• Non voglio che l'utente torni indietro - sostituendo la visualizzazione corrente - e quindi vada per Navigator.pushReplacementNamed(## your routename here ##):;

• Non vuoi che l'utente torni indietro - sostituendo una certa vista nello stack - e quindi usa: Navigator.pushNamedAndRemoveUntil(## your routename here ##, f(Route<dynamic>)→bool); dove f è una funzione che ritorna truequando incontra l'ultima vista che vuoi mantenere nello stack (subito prima di quella nuova);

• Non voglio che l'utente torni indietro - MAI - svuotando completamente lo stack del navigatore con: Navigator.pushNamedAndRemoveUntil(context, ## your routename here ##, (_) => false);

Saluti

Un modo semplice per rimuovere il pulsante Indietro nella AppBar è impostare automaticallyImplyLeadingsu false.

appBar: AppBar(
  title: Text("App Bar without Back Button"),
  automaticallyImplyLeading: false,
),

Voglio solo aggiungere una descrizione alla risposta di @Jackpap:

automaticamenteImplyLeading:

Questo controlla se vogliamo applicare o meno il widget posteriore (widget principale) sulla barra delle applicazioni. Se il valore automaticallyImplyLeading è falso, viene assegnato automaticamente spazio al titolo e se il widget principale è vero, questo parametro non ha effetto.

void main() {
  runApp(
    new MaterialApp(
      home: new Scaffold(
        appBar: AppBar(
          automaticallyImplyLeading: false, // Used for removing back buttoon. 
          title: new Center(
            child: new Text("Demo App"),
          ),
        ),
        body: new Container(
          child: new Center(
            child: Text("Hello world!"),
          ),
        ),
      ),
    ),
  );
}  

// se vuoi nascondere il pulsante Indietro usa il codice sottostante

class SecondScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(
    title: Text('Remove Back Button'),
    
    //hide back button
    automaticallyImplyLeading: false,
   ),
  body: Center(
    child: Container(),
  ),
);
}
}

// se vuoi nascondere il pulsante Indietro e interrompere l'azione pop usa il codice sottostante

class SecondScreen extends StatelessWidget {

@override
Widget build(BuildContext context) {
 return new WillPopScope(

  onWillPop: () async => false,
  child: Scaffold(
    appBar: AppBar(
      title: Text("Second Screen"),
      //For hide back button
      automaticallyImplyLeading: false,
    ),
    body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            RaisedButton(
              child: Text('Back'),
              onPressed: () {
                Navigator.pop(context);
              },
            ),
          ],
        )
    ),
  ),
);
 }

Il widget AppBar ha una proprietà chiamata automaticallyImplyLeading. Per impostazione predefinita, il suo valore è true. Se non vuoi che Flutter crei automaticamente il pulsante Indietro per te, crea la proprietà false.

appBar: AppBar(
  title: Text("YOUR_APPBAR_TITLE"), 
  automaticallyImplyLeading: false,
),

Per aggiungere il tuo pulsante Indietro personalizzato

appBar: AppBar(
  title: Text("YOUR_APPBAR_TITLE"), 
  automaticallyImplyLeading: false,
  leading: YOUR_CUSTOM_WIDGET(),
),

Se stai navigando in un'altra pagina. Navigator.pushReplacement()può essere utilizzato. Può essere utilizzato se stai navigando dal login alla schermata principale. Oppure puoi usare.
AppBar(automaticallyImplyLeading: false)

Usalo per le schegge AppBar

SliverAppBar (
        automaticallyImplyLeading: false,
        elevation: 0,
        brightness: Brightness.light,
        backgroundColor: Colors.white,
        pinned: true,
      ),

Usalo per la normale Appbar

 appBar: AppBar(
    title: Text
    ("You decide on the appbar name"
    style: TextStyle(color: Colors.black,), 
    elevation: 0,
    brightness: Brightness.light,
    backgroundColor: Colors.white,
    automaticallyImplyLeading: false,

),

  appBar: new AppBar(title: new Text("SmartDocs SPAY"),backgroundColor: Colors.blueAccent, automaticallyImplyLeading:false,
        leading: new Container(),
      ),

Funziona bene