flutter menghapus tombol kembali di appbar

Saya bertanya-tanya, apakah ada yang tahu cara untuk menghapus tombol kembali yang muncul di appBardalam aplikasi flutter saat Anda menggunakan Navigator.pushNameduntuk pergi ke halaman lain. Alasan saya tidak menginginkannya di halaman yang dihasilkan ini adalah karena itu berasal dari navigasi dan saya ingin pengguna menggunakan logouttombol sebagai gantinya, sehingga sesi dimulai kembali.

Anda dapat menghapus tombol kembali dengan melewatkan kosong new Container()sebagai leadingargumen AndaAppBar .

Namun, jika Anda menemukan diri Anda melakukan ini, Anda mungkin tidak ingin pengguna dapat menekan tombol kembali perangkat untuk kembali ke rute sebelumnya. Daripada menelepon pushNamed, coba teleponNavigator.pushReplacementNamed untuk menghilangkan rute sebelumnya.

Contoh kode lengkap untuk pendekatan terakhir ada di bawah.

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

Saya yakin solusinya adalah sebagai berikut

Anda sebenarnya:

• Tidak ingin menampilkan bahwa tombol jelek kembali (:]), dan dengan demikian pergi untuk: AppBar(...,automaticallyImplyLeading: false,...);

• Tidak ingin pengguna kembali - mengganti tampilan saat ini - dan dengan demikian memilih Navigator.pushReplacementNamed(## your routename here ##):;

• Tidak ingin pengguna kembali - mengganti tampilan tertentu kembali ke tumpukan - dan karenanya menggunakan: Navigator.pushNamedAndRemoveUntil(## your routename here ##, f(Route<dynamic>)→bool); mana f adalah fungsi yang kembali truesaat bertemu dengan tampilan terakhir yang ingin Anda simpan di tumpukan (tepat sebelum yang baru);

• Tidak ingin pengguna kembali - PERNAH - mengosongkan sepenuhnya tumpukan navigator dengan: Navigator.pushNamedAndRemoveUntil(context, ## your routename here ##, (_) => false);

Bersulang

Sebuah cara sederhana untuk menghilangkan tombol kembali di AppBar adalah untuk set automaticallyImplyLeadingke false.

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

Hanya ingin menambahkan beberapa deskripsi atas jawaban @Jackpap:

otomatisImplyLeading:

Ini memeriksa apakah kita ingin menerapkan widget belakang (widget terkemuka) di atas bilah aplikasi atau tidak. Jika automaticImplyLeading salah maka secara otomatis spasi diberikan ke judul dan jika widget utama bernilai true, maka parameter ini tidak berpengaruh.

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

// jika Anda ingin menyembunyikan tombol kembali gunakan kode di bawah ini

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

// jika Anda ingin menyembunyikan tombol kembali dan menghentikan pop action gunakan kode di bawah ini

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

Widget AppBar memiliki properti bernama automaticallyImplyLeading. Secara default nilainya adalah true. Jika Anda tidak ingin flutter secara otomatis membuat tombol kembali untuk Anda, buat saja propertinya false.

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

Untuk menambahkan tombol kembali kustom Anda

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

Jika menavigasi ke halaman lain. Navigator.pushReplacement()dapat digunakan. Ini dapat digunakan jika Anda menavigasi dari login ke layar beranda. Atau Anda bisa menggunakan.
AppBar(automaticallyImplyLeading: false)

Gunakan ini untuk slivers AppBar

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

Gunakan ini untuk Appbar normal

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

Ini bekerja dengan baik