问题标签 [flutter-bottomnavigation]

我在我的flutter项目中使用bottomNavigationBar我是flutter的新手，我不知道分页并使用资产图像图标而不是iconData。我搜索了过去 2 天，但没有得到满意的结果。请帮我......

我从这里使用了带有 fab 按钮的 bottomNavigationBar https://medium.com/coding-with-flutter/flutter-bottomappbar-navigation-with-fab-8b962bb55013 https://github.com/bizz84/bottom_bar_fab_flutter

我还尝试从这里使用自定义图标 https://medium.com/flutterpub/how-to-use-custom-icons-in-flutter-834a079d977

但没有成功

我只是想更改图标并想知道如何使用分页。我可以在最后一个分页示例代码中做些什么更改。

如何修复 Flutter 中的底部导航？

使用上下文调用的 MediaQuery.Of() 不包含 MediaQuery.Bottom 导航不起作用。

此代码显示错误什么是使用上下文调用的不包含 MediaQuery 的 MediaQuery.Of()？

我制作bottomNavigationBar如下

如果用户在页面之间导航，每件事都是正确的，但是 AllServices 类有两个条件来呈现两个不同的小部件，我想要如果用户在 AllServices 页面中再次 ontap AllServices 底部导航 AllServices 页面再次重建但 ontap 不适用于同一页面再次重建它我怎么解决这个问题？

我在颤振中有BottomNavigationBar，并为每个选项卡调用了单独的小部件。例如，我在那个重定向到新屏幕的小部件中有按钮，我希望 BottomNavigationBar 也应该保留在新屏幕中。我检查了几篇文章，但无法理解。下面是 BottomTabNavigationBar 的代码

我在无状态小部件中有一个 BottomNavigationBar。我正在使用 ViewModelProvider 来控制 onTap 事件时的选项卡更改。使用 BottomNavigationBar 导航没有问题，但我无法从正文内部控制导航栏。我正在使用以下方法，我尝试使用 streambuilder 来控制导航，但是当导航到另一个我不想要的选项卡时，streambuilder 会处理内容。我无法单击个人资料页面中的按钮并导航到主页。

下面是我的 BottomNavigationBar 小部件。

导航栏视图模型

纵断面图和纵断面图模型

我正在构建一个颤振应用程序，其中用户要求是构建 3 个选项卡，每个选项卡都有自定义 AppBar，这意味着每个视图中都有多个脚手架。

所以我有 main.dart、screen.dart、account.dart 和 post.dart

3 个选项卡 => 屏幕、帐户和帖子
屏幕视图 => 仅名称
帐户视图的应用栏 => 带有汉堡图标的应用栏
帖子视图 => 带有加号图标的应用栏

根据flutter我们可以在Scaffold Widget里面有Appbar和Bottom Navigation Bar（Tabs Bar）。所以要拥有多个脚手架，我必须制作 3 个单独的底部导航栏，还是有其他方法可以实现此功能？

此外，如果我们需要为每个 Scaffold 创建 3 个不同的底部导航栏，那么如何在它们之间导航，因为我的第一个视图将从 main.dart 调用

感谢您提供帮助并抽出时间来回答问题。

我有一个底部导航栏，可以在按下图标时导航到其他页面。这工作正常，除了当状态更新时，BottomNavigationBar 中的 currentIndex 属性的值不会更新，这意味着实际的 BottomNavigationBar 没有变化。在此处输入图像描述

我正在使用可变（_selectedPage）来跟踪BottomNavigationBar中的选定索引，并且在点击项目时值会发生变化，但是当状态更新时它不会更新currentIndex属性..这是为什么？

我无法让底部导航栏加载 webview 页面这对我来说仍然是全新的，请建议。

我是flushbar小部件的新手。在小部件上的一些文章和视频之后，我构建了一个简单的代码示例，导致以下编译器错误。 https://pub.dev/packages/flushbar

大多数示例都依赖于 onPressed 点击事件。在我的情况下，我需要在显示flushbar消息之前进行一些处理。

我尝试了两个版本：flushbar: ^1.10.0 flushbar: ^1.9.1

您能否建议使用下面的代码运行什么？

这是编译器错误：

运行 Gradle 任务 'assembleDebug'... 编译器消息：/C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/flushbar-1.10.0/lib/flushbar_route.dart:303:8：错误：方法“FlushbarRoute.install”的位置参数比覆盖方法“OverlayRoute.install”的位置参数少。void install() { ^ /C:/src/flutter/packages/flutter/lib/src/widgets/routes.dart:41:8: 上下文：这是被覆盖的方法（“安装”）。void install(OverlayEntry insertPoint) { ^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/flushbar-1.10.0/lib/flushbar_route.dart:311:18: 错误：位置太少参数：需要 1，给定 0。超级安装（）；^ 目标 kernel_snapshot 失败：异常：快照创建期间出错：空构建失败。

FAILURE：构建失败并出现异常。

• 其中：脚本 'C:\src\flutter\packages\flutter_tools\gradle\flutter.gradle' 行：780

• 出了什么问题：任务“：app：compileFlutterBuildDebug”执行失败。

  Process 'command 'C:\src\flutter\bin\flutter.bat'' 以非零退出值 1 结束

这是我的示例代码。语法没有错误，但编译失败。

当用户点击 中的项目时CupertinoTabView，我想每次都重新加载页面。现在，它只是第一次加载。下一次它只显示以前的状态。我想强制重新加载它。例如，当用户点击 pageThree 时，即下面代码中 switch case 中的“case 2”，我想重新加载该页面。

这是我的代码：