问题标签 [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 回答
124 浏览

flutter - 在 Flutter 中的 FAB 后面添加 Foggy Effect

如何在 FAB 后面添加这种模糊效果?我尝试使用 BottomAppBar 实现此目的,但 BottomAppBar 不接受 LinearGradient 中的透明颜色我也尝试降低 BottomAppBar 背景的不透明度,但效果不佳

预期的

输出

0 投票
1 回答
233 浏览

flutter - 底部工作表未显示在底部

单击页面上的浮动按钮时,我想显示底部工作表。页面还包括底部导航栏。单击浮动按钮时,底部工作表显示在导航栏上方而不是页面底部。我怎样才能做到这一点?

代码:

下面是上述代码的输出。底部操作表显示在底部导航栏上方。我希望底部动作应该在屏幕底部。

上述代码的输出

0 投票
2 回答
66 浏览

flutter - 颤动的底部导航栏不改变屏幕

我是新来的,试图在演示应用程序中实现 BottomNavigationBar。底部栏确实显示在应用程序中,但无法在点击时更改当前项目,屏幕也不会更改。

我尝试了各种方法来加载屏幕,但似乎没有调用 onTap 函数。

这是我的代码。

0 投票
1 回答
929 浏览

flutter - Flutter如何在BottomNavigationBar中禁用幻灯片动画

我正在尝试在颤动中创建一个 BottomNavigationBar,但我想禁用页面之间的幻灯片动画。如果我从第一个选项卡转到第三个选项卡,我希望它直接打开第三个选项卡,而不是通过第二个选项卡然后滑动到第三个选项卡。

这是我的代码:

使用此代码,一切都可以按我的意愿进行,但是当页面更改时,BottomNavigationBarItem 不会更改。它总是这样:

我该怎么做才能使 BottomNavigationBarItem 选择更改?

0 投票
1 回答
231 浏览

flutter - BottomNavigationBar 无法应用背景图片 - Flutter

当BottomNavigationBarItem超过 3 个时,BottomNavigationBar不应用背景图像。它显示白色背景而不是应用的图像。请查看代码,如果我在代码中遗漏了什么,请告诉我。

0 投票
0 回答
136 浏览

flutter - 如何在颤动的所有页面中显示底部导航栏

我是 Flutter 的新手。我的应用程序中有三个页面。我有一个带有两页的底部导航栏。现在我如何在第三页显示底部导航,这不是我的底部导航栏。

0 投票
3 回答
951 浏览

android - 如何在 Flutter 中为 BottomNavigationBarItem 添加徽章?

我有一个底部导航栏

我想将徽章添加到 MyCart 图标,我看到 Stack 用于 BottomNavigationBar 的图标,如下所示:

但是当我使用它时,我得到了这个错误:

0 投票
1 回答
244 浏览

flutter - Flutter 访问底部 Navigation 父级的上下文

每当我按下 ThemeSwitcher 中的复选框时出现问题 ,就会发生这种疯狂的事情: 在此处输入图像描述

我正在尝试获取 MainPage.dart 上下文并将其传递给 SettingsPage.dart 中名为 ThemeSwitcher 的小部件

我正在使用这个插件:https ://pub.dev/packages/animated_theme_switcher

1- 有 main.dart 类包含整个 App 的 ThemeProvider

2- MainPage.dart 类,包含 4 个页面之间的导航

3- 包含 ThemeSwitchingAreawidget 和 ThemeSwitcher 小部件的 SettingsPage.dart

请检查我项目中与此插件相关的重要代码块:

主要.dart

主页.dart

设置页面.dart

0 投票
1 回答
160 浏览

flutter - 如何在不同文件/页面的底部导航中分页路由

我想在我的应用程序中添加底部导航但是当我想添加这一行 _children[_selectedIndex], 但我如何添加这一行因为我在不同的文件中创建导航但在 home.dart 文件中我如何在正文中添加这一行?飞镖主页代码:

底部导航飞镖文件代码:

我在哪里放置此代码以在页面之间导航? _children[_selectedIndex],

0 投票
1 回答
83 浏览

flutter - 如何在 currentTab 上更改 TabItem 上的图标

我有一个 BottomNavigationBar,它与活动和非活动的颜色变化完美配合,但我不想改变颜色,而是用 SVG 图像更改活动和非活动的图标。下面是我的代码:

正如您所看到 _tabColor的,在活动和非活动时从蓝色切换到灰色,但我想要一个带有上面声明的 SVG 图像的图标切换。当它处于活动状态时和处于非活动状态时,assetHome对于它何时处于活动状态和何时处于非活动状态,最后对于它何时处于活动状态和何时处于非活动状态。MyDealApp()assetHome1MyDealApp()assetRedemptionsMyRedemptionApp()assetRedemptions1MyRedemptionApp()assetProfileMyProfileApp()assetProfile1MyProfileApp()

在此处输入图像描述

在此处输入图像描述