Флаттер удалить кнопку назад на панели приложений

Question

Флаттер удалить кнопку назад на панели приложений

Мне интересно, если кто-нибудь знает способ убрать кнопку "Назад", которая появляется на appBar в приложении флаттера, когда вы используете Navigator.popNamed чтобы перейти на другую страницу, причина, по которой я не хочу, чтобы она появлялась на этой странице, заключается в том, что она поступает из навигации, и я хочу, чтобы пользователи использовали logout вместо этого, чтобы сессия началась заново.

Любая помощь будет отличной.

заранее спасибо

302

flutter navigation

Источник

user4949415 07 июл '17 в 19:18

19 ответов

Решение

Я считаю, что решения следующие

Вы на самом деле либо:

Не хочу отображать эту уродливую кнопку "назад" (:]) и, следовательно, перейти к: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);

ура

629

Источник

user3013538 12 окт '17 в 15:18

Простой способ удалить кнопку "Назад" в панели приложений - автоматически установить значение "ImplyLeading" в значение "ложь".

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

330

Источник

user1919972 24 авг '17 в 14:54

Просто хочу добавить описание к ответу @Jackpap:

automaticallyImplyLeading:

Это проверяет, хотим ли мы применить задний виджет (ведущий виджет) над панелью приложения или нет. Если automaticImplyLeading имеет значение false, то заголовку автоматически присваивается пробел, а если лидирующий виджет имеет значение true, то этот параметр не имеет никакого эффекта.

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

69

Источник

user5106574 02 июн '19 в 14:57

просто используйте автоматическиImplyLeading в AppBar()

      appBar: AppBaar(
  automaticallyImplyLeading: false,
)

22

Источник

Mostafa Mahmoud 29 дек '21 в 01:08

Используйте это для ленты 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,

),

15

Источник

user11439544 14 авг '20 в 18:59

// если вы хотите скрыть кнопку возврата, используйте код ниже

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

ht tps://stackru.com/ images/c5bc409940ddbfb98017a6e2ca1f9371666e7083.png

14

Источник

user3176501 25 июн '20 в 20:23

Добавлять automaticallyImplyLeading: false, в панель приложений вашего скаффолда

14

Источник

user3367381 05 янв '21 в 12:07

У виджета 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(),
),

8

Источник

user13658190 01 июн '20 в 15:15

При переходе на другую страницу. Navigator.pushReplacement()может быть использован. Его можно использовать, если вы переходите от входа к главному экрану. Или вы можете использовать.
AppBar(automaticallyImplyLeading: false)

7

Источник

user11159464 06 июл '20 в 04:08

SliverAppBar(automaticImplyLeading: false,}

4

Источник

user8414242 23 июн '21 в 16:49

Установите автоматически ImplyLeading в false в AppBar

appBar: new AppBar(
   title: new Text("Your Text Here"), 
   automaticallyImplyLeading: false,
),

3

Источник

user4036703 28 июн '18 в 20:50

в панели приложений поместитеautomaticallyImplyLeadingв ложном:

        @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        automaticallyImplyLeading: false,

3

Источник

Exaucé Maruba 28 авг '23 в 12:17

Когда вы используетестрелка назад автоматически появляется на панели приложений нового экрана для возврата к предыдущему экрану. Если вам не нужна эта функциональность, все, что вам нужно сделать, это написатьв ваших свойствах appBar.

2

Источник

misterio 25 авг '22 в 00:01

кнопку легко найти в main.dart или в любом месте, которое я установил в main.dart

изменить это

Навигатор.push(

к

         Navigator.pushReplacement(

1

Источник

user15298212 14 ноя '23 в 19:48

Просто сделайте это прозрачным, и никаких действий при нажатии

      AppBar(
            leading: IconButton(
              icon: Icon(
                Icons.arrow_back,
                color: Colors.white.withOpacity(0),
              ),
              onPressed: () {},
            ),

1

Источник

user2975014 27 дек '20 в 00:06

Если вы хотите удалить пространство, а также установитеtitleSpacing:0.

       appBar: AppBar(
        title: Text("How do you rate us?"),
        automaticallyImplyLeading: false,
        titleSpacing: 0,
        actions: [
          IconButton(
              onPressed: () {
                Navigator.pop(context);
              },
              icon: Icon(Icons.close))
        ],
      ),

0

Источник

user8936389 10 май '23 в 04:14

во флаттере >= 3.10 устанавливается автоматическиImplyLeading: false,

0

Источник

mohammad mowludi 26 июл '23 в 20:46

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

Работает отлично

-1

Источник

user5260449 04 янв '19 в 11:33

Другие вопросы по тегам flutter navigation

user1463116 07 июл '17 в 19:45 2017-07-07 19:45 · Accepted Answer · 2017-07-07 19:45

Там нет метода с именем popNamed, Я полагаю, вы имели в виду pushNamed,

Вы можете удалить кнопку возврата, передав пустую 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(),
      },
    );
  }
}