rung nút loại bỏ quay lại trên thanh ứng dụng

Tôi đang tự hỏi, nếu có ai biết cách để loại bỏ nút quay lại hiển thị trên appBarứng dụng trong một ứng dụng rung khi bạn sử dụng Navigator.pushNamedđể truy cập trang khác. Lý do tôi không muốn nó xuất hiện trên trang kết quả này là nó đến từ điều hướng và tôi muốn người dùng sử dụng logoutnút thay thế để phiên bắt đầu lại.

Bạn có thể loại bỏ nút quay lại bằng cách chuyển một ô trống new Container()làm leadingđối số cho của bạn AppBar.

Tuy nhiên, nếu bạn thấy mình đang làm điều này, có lẽ bạn không muốn người dùng có thể nhấn nút quay lại của thiết bị để quay lại lộ trình trước đó. Thay vì gọi pushNamed, hãy thử gọi Navigator.pushReplacementNamedđể làm biến mất tuyến đường trước đó.

Dưới đây là mẫu mã đầy đủ cho cách tiếp cận thứ hai.

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

Tôi tin rằng các giải pháp là sau đây

Bạn thực sự:

• Không muốn để hiển thị rằng nút quay lại xấu xí (:]), và do đó đi cho: AppBar(...,automaticallyImplyLeading: false,...);

• Không muốn người dùng quay lại - thay thế chế độ xem hiện tại - và do đó chuyển sang Navigator.pushReplacementNamed(## your routename here ##):;

• Không muốn người dùng quay lại - thay thế một khung nhìn nhất định trở lại trong ngăn xếp - và do đó sử dụng: Navigator.pushNamedAndRemoveUntil(## your routename here ##, f(Route<dynamic>)→bool); trong đó f là một hàm trả về truekhi gặp chế độ xem cuối cùng mà bạn muốn giữ trong ngăn xếp (ngay trước khung nhìn mới);

• Không muốn người dùng quay lại - BAO GIỜ - làm trống hoàn toàn ngăn xếp điều hướng với: Navigator.pushNamedAndRemoveUntil(context, ## your routename here ##, (_) => false);

Chúc mừng

Một cách đơn giản để loại bỏ nút quay lại trong AppBar là đặt automaticallyImplyLeadingthành false.

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

Chỉ muốn thêm một số mô tả về câu trả lời @Jackpap:

autoImplyLeading:

Điều này sẽ kiểm tra xem chúng ta có muốn áp dụng tiện ích phía sau (tiện ích dẫn đầu) trên thanh ứng dụng hay không. Nếu automaticImplyLeading là false thì tiêu đề sẽ tự động cấp khoảng trắng và nếu tiện ích đứng đầu là true thì tham số này không có hiệu lực.

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

// nếu bạn muốn ẩn nút quay lại, hãy sử dụng mã bên dưới

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

// nếu bạn muốn ẩn nút quay lại và dừng hành động bật, hãy sử dụng mã bên dưới

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

Tiện ích con AppBar có một thuộc tính được gọi là automaticallyImplyLeading. Theo mặc định, giá trị của nó là true. Nếu bạn không muốn tự động xây dựng nút quay lại cho bạn thì chỉ cần tạo tài sản false.

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

Để thêm nút quay lại tùy chỉnh của bạn

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

Sử dụng cái này cho cúi AppBar

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

Sử dụng cái này cho Appbar bình thường

 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,

),

Nếu điều hướng đến một trang khác. Navigator.pushReplacement()có thể được sử dụng. Nó có thể được sử dụng nếu bạn đang điều hướng từ đăng nhập đến màn hình chính. Hoặc bạn có thể sử dụng.
AppBar(automaticallyImplyLeading: false)

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

Nó đang hoạt động tốt