问题标签 [flutter-bottomnavigation]

我正在创建一个具有底部导航栏的应用程序。在该底部导航栏中，它有 5 个项目名称，即个人资料、关于我们、主页、通知和购物车。每个项目名称都有自己的页面。现在的问题是我在主页中添加了一个按钮，如果我单击该按钮，它将转到新页面，但它不显示底部导航栏。我如何在新页面中显示底部导航栏以及选定的当前索引。下面是飞镖代码

主页.dart

主页.dart

新页面.dart

我正在尝试在我拥有的每个视图上显示 BottomNavigationBar，它正在工作，但这是一种“愚蠢”的方式......

我有一个自定义的 BottomNavigationBar，我将其插入到每个视图中。

]; }

在 _onItemTapped 函数中，我从“Navigationstack”中弹出所有内容，然后显示我的项目中的屏幕。

在我的 FirstView() 中，我有这段代码

现在我想移动到不是底部导航栏中的项目的“ContactView”

我还会有很多不在 items 数组中的其他视图，但我想在其上显示 BottomNavigationBar。我的问题确实是这个功能。

因为在这里我删除了导航历史以显示 Items Array 中的 View。有没有标准的方法可以做到这一点，希望有人可以提供帮助。

编辑： 澄清：我有 10 个屏幕。其中只有 3 个可以通过 BottomNavigationBar 导航，假设这 10 个中的前 3 个。现在我想从 Screen1 导航到 Screen4。导航栏在 screen4 上消失。我想在所有屏幕上保留导航栏。

编辑 2

@Dhaval Kansara 答案对我有用，但我遇到了一个新问题。我有一个enddrawer，在修复之前它位于BottomNavigationBar 上方，现在BottomNavigationBar 位于上方。

但我想要这样

我正在重建一个已经使用 Flutter 使用原生 Android 开发的应用程序。我是 Flutter 和 Dart 的新手。但是，我保留在我以前的 UI 中，并进行了最小的更改。但是，到目前为止，浏览一切都做得很好。所以，让我解释一下我的工作。B'coz 我找不到这个问题的确切根本原因。首先，我有一个带抽屉的主屏幕。在其中，我使用 FancyBottomNavigation 实现了一个带有 3 个子选项卡屏幕的bottomNavigationBar. 一个选项卡有一个从 PHP 脚本中检索数据的动态列表视图。这部分完全可以正常工作，没有任何错误。接下来，我为每个项目列表实现了一个 onTap。当用户单击这些列表项时，导航到具有另一个动态列表视图的第三个屏幕。这就是错误的来源。第三个屏幕加载了列表数据而没有崩溃。但是这个导航抛出异常。此外，该屏幕上还有底部导航栏的剩余部分。然后，当按下后退按钮时应用程序崩溃。我已经多次尝试解决这个在 Internet 上解决的问题。* 为选项卡实现了 PageStorage * 为控制器添加了 dispose * MetiialApp 用于第三个屏幕，而不是 Container、Column...

所以，我需要解决这个崩溃问题并从第三个屏幕中删除那个底部导航栏图标。请帮助我解决这些问题并了解根本原因。

标签子屏幕 - 没关系

此屏幕 - 应删除此剩余部分

请参阅下面的导航到第三个屏幕时的例外情况。

请参阅下文了解按下返回按钮时的例外情况。（应用程序崩溃）

HomeScreen - 带有 3 个选项卡的第一个屏幕

子选项卡屏幕 - 包括列表视图的第二个屏幕

onTap - 列表视图项

第三个屏幕 - 包括 seconf 动态列表视图

由于Google stadia 应用程序是用颤振制作的，我想知道他们是如何在 BottomNavigationBar 上实现更漂亮的波纹动画的。

例子：

他们是如何实现自定义波纹动画的？

编辑：简单的自定义 BottomNavigationItem：

pub 上有一个包https://pub.dev/packages/gradient_bottom_navigation_bar

但这很长一段时间都没有更新。那么，有没有办法创建自己的带有渐变效果的自定义导航栏呢？

像这样的东西......

我有BottomNavigationBar3 个标签。考虑我从第一个BottomNavigationBarItem. 我需要在第二个BottomNavigationBarItem（购物车页面）中查看该产品。我已经编写了initState()第二个网络调用代码BottomNavigationBarItem；但是当我转到该页面时不会调用它，并且我看不到最近添加到购物车的产品。将它们写在构建方法本身中会更好吗？每次我转到其他选项卡时，将它们写入构建方法都会调用它。

我使用官方包成功实施了AdMob广告，但实施后我无法访问底部标签导航器

现在要做什么？

I am trying to clip the BottomNavigationBar with a CustomClipper.

Using a clipped BottomAppBar will only work correctly while the widget is in the body-section.

As soon as I put it in bottomNavigationBar-section, the content in the body behind the transparent parts is hidden.

Is there any way to get the 'transparent' parts of the BottomAppBar real transparent?

I could put it back into the body-section and pin it to the bottom and add a hero to it, so it would stay while changing pages, but I guess it would be a better and 'more correct' way, if I could put it in the bottomNavigationBar-section.

我是编码和颤动的新手，我一直在尝试将我的bottomNavigationBar页面从home pageto更改为chatroom但我尝试的任何方法都不起作用，我观看了很多视频，但它们bottomNavigationBar在他们的身体内，当我应用他们正在做的事情时，我得到了红线在我padding的正文后面和return Scaffold(括号下面，在我的appBar: 图片链接位于代码末尾之前

这是我说的红线的图片

我正在尝试构建一个没有背景（透明） 布局示例的 BottomNavigationBar 和浮动操作按钮， 你们可以帮忙布局吗？谢谢。