тріпотіння видалити кнопку назад на панелі програм

Мені цікаво, чи знає хтось про спосіб видалення кнопки "Назад", яка відображається appBarв додатку "Метушня", коли ви Navigator.pushNamedпереходите на іншу сторінку. Причина, по якій я не хочу цього на цій підсумковій сторінці, полягає в тому, що він надходить із навігації, і я хочу, щоб користувачі logoutзамість цього використовували кнопку, щоб сеанс починався спочатку .

Ви можете видалити кнопку "Назад", передавши порожнє значення new Container()як leadingаргумент для вашого AppBar.

Однак якщо ви виявите, що робите це, ви, мабуть, не хочете, щоб користувач міг натискати кнопку назад пристрою, щоб повернутися до попереднього маршруту. Замість дзвінка pushNamedспробуйте зателефонувати, Navigator.pushReplacementNamedщоб зникнути попередній маршрут.

Повний зразок коду для останнього підходу наведено нижче.

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

Я вважаю, що рішення наступні

Ви насправді:

• Не хочете відображати цю потворну кнопку повернення (:]), і таким чином перейдіть за AppBar(...,automaticallyImplyLeading: false,...):;

• Не хочу, щоб користувач повертався назад - замінюючи поточний вигляд - і таким чином переходив до Navigator.pushReplacementNamed(## your routename here ##):;

• Не хочете, щоб користувач повернувся назад - замінивши певний вигляд назад у стеці - і, отже, використовуйте: Navigator.pushNamedAndRemoveUntil(## your routename here ##, f(Route<dynamic>)→bool); де f - це функція, що повертається trueпри зустрічі з останнім видом, який ви хочете зберегти в стеці (безпосередньо перед новим);

• Не хочу, щоб користувач повертався назад - КОЛИ-небудь - спорожняючи стек навігатора повністю за допомогою: Navigator.pushNamedAndRemoveUntil(context, ## your routename here ##, (_) => false);

Ура

Простий спосіб видалити кнопку повернення назад в AppBar - встановити automaticallyImplyLeadingзначення false.

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

Просто хочу додати якийсь опис до відповіді @Jackpap:

automaticallyImplyLeading:

Це перевіряє, чи хочемо ми застосувати задній віджет (провідний віджет) над панеллю програми чи ні. Якщо automaticImplyLeading хибне, тоді заголовку автоматично відводиться пробіл, і якщо Якщо провідний віджет істинний, то цей параметр не впливає.

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

// якщо ви хочете приховати кнопку повернення, використовуйте код нижче

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

// якщо ви хочете приховати кнопку повернення та зупинити поп-дію, використовуйте код нижче

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

Віджет AppBar має властивість під назвою automaticallyImplyLeading. За замовчуванням це значення true. Якщо ви не хочете, щоб флаттер автоматично створював для вас кнопку повернення, просто створіть властивість false.

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

Щоб додати власну кнопку повернення

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

При переході на іншу сторінку. Navigator.pushReplacement()може бути використаний. Його можна використовувати, якщо ви переходите з режиму входу на головний екран. Або ви можете використовувати.
AppBar(automaticallyImplyLeading: false)

Використовуйте це для щіток AppBar

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

Використовуйте це для звичайної панелі програм

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

Це працює добре