问题标签 [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 投票
2 回答
11702 浏览

flutter - 如何设置 BottomNavigationBarItem 标签的样式

在我的应用程序中,我有一个按钮导航栏。

我正在使用底部导航栏实现多导航,如下所示; https://medium.com/coding-with-flutter/flutter-case-study-multiple-navigators-with-bottomnavigationbar-90eb6caa6dbf

我已经把标题文本这样了。

我收到消息标题已弃用。

当我使用标签参数时,我如何设置它的样式?

0 投票
1 回答
975 浏览

flutter - Flutter:每次访问页面时如何在底部导航栏上重新加载页面

我有一个底部导航栏,可以在 3 页之间导航。它持续存在并保持每个页面的状态。但我希望页面在我访问时重新加载。下面是我的代码

我不希望它再保持状态,但是每当我访问每个页面时,它都应该重新加载数据以显示新数据。Home、Announcement 和 Notification 从数据库中获取新数据以获取新内容,但使用上述代码,它只存储先前加载的数据,直到应用程序重新启动才获取新数据。

0 投票
1 回答
469 浏览

flutter - 从一个活动移动到另一个活动时,颤动如何使底部导航栏保持不变

我有一个带有底部导航栏的页面,单击每个图标时会路由到 3 个不同的页面。我的代码运行良好,但我希望在从一页路由到另一页时保持底部导航。下面是我的代码:

例如,如果我单击 DealActivity() 并从 DealActivity 移动到另一个页面,我希望底部导航保持在底部,并且当我在 DealActivity 中从一个页面移动到另一个页面时仍然显示 DealActivity 图标处于活动状态。此外,如果我在 FinalLoginPage() 中并且在我移动到另一个页面中,底部导航应该坚持它的图标处于活动状态。ProfilePageUsers() 也应如此。我真的很感激任何帮助来实现这一目标。

0 投票
2 回答
176 浏览

flutter - Flutter - 您将如何检查您从哪个屏幕单击了底部导航选项卡

我正在尝试查找如何知道从哪个屏幕用户单击了底部导航屏幕。基本上我必须从哪个屏幕用户点击按钮导航发送事件。我有 4 个底部导航。

0 投票
2 回答
690 浏览

flutter - 如何使用居中按钮构建自定义底部导航栏?

我已经尝试了很多方法来使用图标之间的曲线空间来构建这个底部导航栏。想不通。

在此处输入图像描述

0 投票
2 回答
288 浏览

flutter - 如何使用 Flutter 的 onWillpop 进行 BottomNavigationBar 页面过渡?

我在 Flutter 项目中使用 BottomNavigationBar。这个问题是针对第 30 行“//TODO: back to the FirstTab”的。当用户在 SecondTab 或 ThirdTab 中并且按下 Android 设备中的 BackButton 时,我希望用户转到 FirstTab。现在,在 onWillpopScope 中,有一个可以弹出的过程。当用户在 NextPage 时使用它。然后,当用户不在 FirstTab(SecondTab 或 ThirdTab)中且不在 NextTab 中时,我想将他移动到 onWillpopScope 中的 FirstTab。(我想强制BottomNavigationBar切换。)我应该如何描述它?请告诉我。

0 投票
1 回答
150 浏览

flutter - 既然标题已弃用,如何处理 BottomNavigationBarItem 上的文本溢出?

在我的应用程序中,我使用BottomNavigationBar带有图标和文本的项目。在其中一项中,文本太长,因此溢出。使用小部件的title属性,我BottomNavigationBarItem可以轻松地控制它。现在该属性已被弃用,我们必须为文本使用该属性,它只是一个字符串而不是小部件。现在我必须以不同的方式设置文本溢出行为,但我不知道怎么做?我查看了和小部件,但它们似乎没有控制文本溢出的属性。有没有办法在使用属性时控制文本溢出?overflowTexttitlelabelTextStyleThemeDatalabelBottomNavigationBarItem

PS:我知道最好完全没有溢出,但是自定义颜色在西班牙语中被翻译成颜色个性化,似乎不能再短了。

我想要并使用该title属性的溢出:

在此处输入图像描述

我在使用时得到的溢出label

在此处输入图像描述

我现在使用的代码只有一个BottomNavigationBarItem,因为它们基本相同:

0 投票
2 回答
862 浏览

flutter - 带有导航栏项的活动状态颤动的圆形背景

我刚刚bottom bar navigation在我的颤振应用程序中实现了一个。但是,我需要做最后一件事。我想添加一个 cicle 背景,以便在活动时与 Asset Icon 一起显示。我不知道该怎么做,因为我需要一些帮助。

预期结果

现在,我的代码添加了文本和图像,但我需要有关如何使用我的代码添加背景的说明。

0 投票
2 回答
1285 浏览

flutter - BottomNavigationBar 在颤动中溢出

这是我的代码。准确地说,底部导航栏溢出了 12 和 26 像素。任何解决方案?** 尝试了各种方式。我还创建了我的自定义底部导航栏小部件并将其放置在扩展小部件下方。我得到了同样的错误(溢出值不同)。现在,我正在使用一个名为 ScrollBottomNavigationBar 的颤振包。

屏幕截图

0 投票
1 回答
65 浏览

firebase - Flutter中的求和问题不起作用,如何在导航栏中显示总收入?

我想汇总集合名称(“januaryi”)下所有文档的字段(1 月份的总收入)。我尝试了一个不起作用的函数。有什么方法可以调用函数并在底部导航栏中显示总和。

颤振火力基地:

有效的 XHTML

功能:

底部导航栏:

显示总收入错误:

有效的 XHTML