问题标签 [flutter-bottomnavigation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1061 浏览

flutter - BottomNavigationBar 和提供者?

我使用底部导航栏并在底部添加了 3 个按钮。我正在用 setate 交换页面。这些按钮工作正常。但是,如果我在使用这些按钮调用的页面中调用另一个页面,BottomNavigationBar 就会消失。我已经研究过了,发现这个click me。使用Provider调用页面合乎逻辑吗?我认为它将每一页都保存在内存中,它不会消耗太多内存吗?

这是我的主页。如果我单击文本,底部导航栏会消失

我想喜欢这个 我想要这个 但是我的代码运行这个 不是这个

0 投票
1 回答
87 浏览

android - 导航栏中奇怪的颜色块与 Flutter 中的某些颜色

当我使用 black87(第一张图片)或 black54 之类的颜色时,我会在导航栏上看到一条奇怪的线,其他颜色不会发生这种情况。此外,当我将其设置为透明时,它看起来与真正的黑色版本相同(图 4)。

例子:

黑色87

蓝灰色

黄色

黑色的

红色的

我更改颜色的部分代码:

0 投票
0 回答
39 浏览

android - 当我按下搜索图标时,应用程序会自行“重建”。如何防止

我正在使用带有 3 页的底部导航栏。其中之一(主页)有一个搜索图标。每次我按下它,键盘只出现一秒钟,然后消失,应用程序自行重建。我在网上尝试了其他解决方案,例如将未来值放入 initState() 但它不起作用。请注意,我还实施了注册/登录系统。当用户注册/登录后,他们将被重定向到具有底部导航栏的页面。(另外,我做了一些研究,显然,当颤振应用程序变得复杂时,只有安卓手机会“遭受”这个问题。虽然我不知道它有多少是真的)

这是底部导航栏的代码

这是主页的代码:

对于这段代码,flutter 本身已经提供了 showSearch :

这是 StockSearch() 文件:

预先感谢您的帮助!

0 投票
0 回答
4680 浏览

flutter - Flutter Getx BottomNavigation with GetPage

我正在使用带有页面绑定的 getx 导航 - 例如:

每个页面都有自己的控制器和绑定。

通常要导航到其他页面,我会 Get.toNamed(Routes.pageone)像这样使用路由。

但是,当我使用标签栏/底部导航栏时,我想保留脚手架的应用栏和底部导航栏,只需使用 getx 切换内容。我能做的唯一方法是为所有页面设置脚手架,并在我单击每个选项卡时重新加载所有内容,这是低效的,并且每次我切换到页面时都会加载不必要的小部件(应用栏、标题、底部导航栏等) .)。

加载选项卡内容的常用方法,如

没有使用 getx GetPage() 绑定,并且会加载所有页面的所有控制器。我找不到使用 GetPage() 和底部导航栏的正确参考。

例如,我在加载应用程序时的导航堆栈将是/main/pageone并且每当我切换选项卡时都会将每个页面堆叠到我的堆栈中。(/main/pageone单击 tab3-> /main/pageone/pagethree)当我按下每个选项卡时,将加载该选项卡的控制器并删除以前的控制器。

我不确定我应该在body我的脚手架中放入什么,它将接收小部件,但使用 GetPage 和绑定让我感到困惑。

这是我的应用程序的页面文件代码

如果你也需要控制器代码,我也可以插入。

0 投票
1 回答
111 浏览

flutter - Flutter 底部导航栏:第一项大于其他项

[这里是截图:https://i.stack.imgur.com/V2BnH.png][1]

我不是 Flutter 方面的专家,所以我用 5 个图标创建了这个底部导航栏。问题是,不知何故,最左侧的第一个图标比其他图标稍大。特别是最左侧第一个图标下方的“开始”文本比其他图标大一点。我真的无法解释为什么?到目前为止,我尝试的是添加BottomNavigationBarType.fixed但这并没有解决问题。我该怎么办?太感谢了!!

0 投票
1 回答
1005 浏览

flutter - 如何在不影响后台内容的情况下弯曲底部导航栏角?扑

我创建了一个带有颤振的自定义底部导航栏。但我仍然可以看到白色填充了弯角后面的背景。我想看看背景内容。

这就是底部导航栏的样子。

在此处输入图像描述

如您所见,角落充满了白色。

这是我的底部导航栏代码。

我尝试将容器的颜色设置为透明。但它没有用。

0 投票
0 回答
18 浏览

flutter - Flutter中的BottomNavigationTab问题-刷新选定选项卡以外的小部件

我在编写基本布局时遇到了一些问题,即,我发现当我选择两个索引之外的卡片时,控制台中会显示一个通知,在给定小部件开头的函数的每个选项卡中,我写道,而不是刷新一个选项卡,即选定的选项卡,而是刷新相邻的选项卡,最后刷新目标选项卡。我将使用下面的代码发布照片,让我知道出了什么问题!:)

面板用户界面

控制台输出

0 投票
1 回答
25 浏览

flutter - 想改变标签的颜色

我试图改变标签的颜色,但我不能改变我使用的标签的颜色?

0 投票
1 回答
1145 浏览

flutter - Flutter:带有嵌套导航的底部导航栏和更改选项卡时恢复根页面

我是 Flutter 开发的新手。我已经通过多个教程来了解底部导航栏。

我已经尝试过这些教程,但我无法达到我的要求。我遵循的教程:

  1. https://codewithandrea.com/articles/multiple-navigators-bottom-navigation-bar/
  2. https://medium.com/flutter/getting-to-the-bottom-of-navigation-in-flutter-b3e440b9386
  3. https://medium.com/@theboringdeveloper/common-bottom-navigation-bar-flutter-e3693305d2d

我个人喜欢第一个教程,因为有嵌套路由。

信息:

我有 3 个选项卡的底部导航:主页、日历、个人资料。

主页选项卡有一个屏幕:Screen2日历有一个屏幕:Screen3配置文件有一个屏幕:Screen4

问题

我的底部导航栏保持屏幕状态(这很好)。

主屏幕有一个打开Screen2的按钮。当用户点击时,它会推动 Screen2。当用户单击日历(选项卡)时,用户会看到日历屏幕。现在,用户再次单击主页按钮(选项卡),用户看到 Screen2。因为它是那条路线(家)的一部分。他应该只看到主屏幕的地方。

我只想重置它。基本上主屏幕应该推送主屏幕并弹出主页的所有子项。切换选项卡时。

代码:

main.dart

main_screen.dart

home_page.dart

calendar_page.dart

如果有人能指出我的方向,我将不胜感激。提前致谢。

要求:有标签,每个标签都有各自的屏幕(ScreenX-> ScreenY-> ScreenN)。And when tab is switched it should pop all the children of the tabs. 我希望这可以理解(对不起,我的英语不好)。

我在这里想念什么?

0 投票
1 回答
84 浏览

flutter - 如何在颤动的底部导航栏中垂直和水平地在中心添加一个按钮?

我尝试了很多不同的方法并在网上寻找解决方案,但找不到任何解决方案。有人可以帮我解决这个问题吗?我希望我的按钮位于底部导航栏的中间,如图 1 所示

按钮就在中间,这就是我想要的

这是一个浮动操作按钮,但是我不能把它放在我想要的地方