android关掉导航栏后怎么

Posted 2023-05-16

1.
在手机桌面上找到【设置】按钮,点击“设置”去设置界面找回
2.
点击“设置”后,进入“常用设置”,在右边是“全部设置”,点击“全部设置”,屏幕往上翻,在下面找到“导航栏”;
3.
选择并点击“导航栏”进入“导航栏”页面,这里可以看到“导航栏可隐藏”后面的按钮呈开启状态,原因就出在这里;
4.
将“导航栏可隐藏”后面的按钮呈关闭 参考技术A 打开

方法一：

1.按下设备中的“电源”按钮，直到设备屏幕上出现“关机”“重启”“关机”等选项；

2.点击“重启”按钮，等待设备重新启动，导航栏将自动打开。

方法二：

1.在主屏幕的最右侧，找到“设置”应用，打开它；

2.在设置界面中，点击“显示”；

3.点击“导航栏”，开启导航栏的菜单功能。 参考技术B 车上导航按错了给关闭了打开步骤如下：1、打开导航开关按钮(通常在左边，圆圈和垂直线中的按钮)；2、打开后，显示初始界面(通常先显示电台)，然后点击界面中的菜单栏按钮(通常在左下方)；3、点击菜单栏中的“导航栏”按钮，系统将进入导航界面；4、根据GPS(卫星定位)确定自己的位置，现在就可以搜索需要到达的目的地。

在颤动中添加底部导航栏后，我体内的小部件停止工作

【中文标题】在颤动中添加底部导航栏后，我体内的小部件停止工作

【英文标题】：Widgets in my body stopped working after adding Bottom Navigation bar in flutter

【发布时间】：2020-11-22 04:33:48

【问题描述】：

我尝试在我的项目中添加一个底部导航栏。一旦我完成了底部导航栏 - 我在主体下的所有小部件都没有显示。 Android Studio 没有显示任何错误，但仍然出现空白屏幕，底部只有导航栏。

如果我删除底部导航栏，我在正文下的所有小部件（容器、图像）都会自动开始正常工作。

我不明白导航栏出了什么问题。

我尽我最大的努力寻找这个问题，但找不到任何我寻求帮助的人。我在下面附上了我的代码

代码：

import 'package:flutter/material.dart';

class Dashboard extends StatefulWidget 
  @override
  _DashboardState createState() => _DashboardState();


class _DashboardState extends State<Dashboard> 
  @override
  Widget build(BuildContext context) 
    return Scaffold(
      appBar: AppBar(),
      bottomNavigationBar: bottomBar(context),
      body: Container(
        width: 100,
        height: 100,
        decoration: BoxDecoration(
          gradient: LinearGradient(
              colors: [const Color(0xFFffd194), const Color(0xFF70e1f5)],
              begin: FractionalOffset.topLeft,
              end: FractionalOffset.bottomRight,
              stops: [0.1, 1.0],
              tileMode: TileMode.clamp),
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Image(
              image: AssetImage('assets/bout1.png'),
            ),
          ],
        ),
      ),
    );
  

  //widget for bottom navigation bar starts here

  Widget bottomBar(BuildContext context) 
    return Align(
      alignment: Alignment(-1, 1),
      child: Container(
        padding: EdgeInsets.fromLTRB(15, 5, 15, 5),
        height: 60,
        decoration: BoxDecoration(
          border: Border.all(
            color: Colors.black12,
            width: 1,
          ),
          color: Colors.white,
          borderRadius: BorderRadius.circular(30),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Expanded(
                flex: 1,
                child: IconButton(
                  highlightColor: Colors.red,
                  splashColor: Colors.greenAccent,
                  icon: Icon(
                    Icons.home,
                    color: Color(0xffa1a5b5),
                  ),
                  iconSize: 28,
                  onPressed: () 
                    Navigator.of(context).pushNamed('/Login');
                  ,
                )),
            Expanded(
              flex: 1,
              child: IconButton(
                iconSize: 28,
                icon: Icon(
                  Icons.swap_horiz,
                  color: Color(0xffa1a5b5),
                  size: 28,
                ),
                onPressed: () ,
              ),
            ),
            Expanded(
              flex: 1,
              child: IconButton(
                icon: Icon(
                  Icons.show_chart,
                  color: Color(0xffa1a5b5),
                ),
                iconSize: 28,
                onPressed: () ,
              ),
            ),
            Expanded(
              flex: 1,
              child: IconButton(
                iconSize: 28,
                icon: Icon(
                  Icons.notifications_none,
                  color: Color(0xffa1a5b5),
                ),
                onPressed: () ,
              ),
            ),
            Expanded(
              flex: 1,
              child: IconButton(
                iconSize: 28,
                icon: Icon(
                  Icons.person_outline,
                  color: Color(0xffa1a5b5),
                ),
                onPressed: () ,
              ),
            ),
          ],
        ),
      ),
    );
  

【参考方案1】：

每当您看到内容因添加其他内容而被隐藏时，通常是因为“其他内容”与您的内容重叠。您的内容就在那里，只是隐藏在 Align 小部件后面。

我通过将Align 小部件包装在带有颜色Colors.yellow 的Container 小部件中来解决这个问题：

  Widget bottomBar(BuildContext context) 
    return Container(
      color: Colors.yellow,
      child: Align(...),
    );
  

当我删除 Align 小部件时，一切似乎都正常工作：

我猜您之前添加了Align 小部件以确保bottomBar 粘在底部，但使用Scaffold 的bottomNavigationBar 参数添加底部导航栏小部件已经为您做到了。

【讨论】：

罗汉的精彩解释。干得好！