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

flutter - 每当我使用 bottomNavigationBar 导航时,变量都会重置为默认值,但如果我将新项目添加到列表中,则会重新出现

应用程序的功能

它在底部导航栏中有两个项目,在第一部分(课程)中,用户可以添加课程列表,每次添加新课程时,它将更新他们的整体 GPA 和最高平均水平。另一个是简单的“我需要在决赛中获得什么才能通过”部分(决赛预测器)。

以下是屏幕顶部的代码,显示了用户的整体 gpa、课程数量和最高平均值

问题

如果我添加课程,一切都会正常工作,并且将显示需要显示的所有内容。如果我导航到决赛预测器,然后返回课程,课程列表仍会显示,但总体 GPA 和最高平均数会回到 0.0。

带有底部导航栏的选项卡屏幕的代码

main.dart 文件中的代码

课程列表输出代码

调用 TopDisplay 的主页文件

0 投票
0 回答
804 浏览

flutter - 显示底部导航栏颤动的对话框

我想在颤振中使用底部导航栏显示对话框而不是功能。我该如何实现?

当我使用 ShowDialog 方法时,它说:

0 投票
5 回答
5794 浏览

flutter - 带有索引堆栈的 Flutter bottomNavigator

关于使用索引堆栈在选项卡之间导航以显示相关页面的问题。我这样做是为了保持页面的滚动/状态。这工作正常。我可以通过单击选项卡更改当前显示的页面 - 并且还可以在每个页面内导航(每个页面都用它自己的导航器包装)。这是渲染页面的代码。

}

Mu 问题是 IndexedStack 一次构建所有页面。在我的一些页面中,我想从 API 加载数据,我想在第一次构建小部件时并且仅当页面当前可见时才这样做。有没有办法这样做?在我当前的实现中,所有小部件都会立即构建,因此即使对于当前未绘制的页面,也会调用我的所有 API 调用。

不确定我是否在这里遗漏了一些东西,或者有更好的方法来实现底部导航栏。顺便说一句,我也在使用 Provider 进行状态管理。

0 投票
2 回答
1572 浏览

flutter - Flutter:如何去除BottomNavigationBar的边框?

我想删除 BottomNavigationBar 顶部的行,以便图标看起来是主屏幕的一部分。

但我找不到任何方法来删除底部导航栏的边框。

我怎样才能删除线?

0 投票
1 回答
80 浏览

flutter - 如何将底部导航栏添加到此颤动代码

我已经使用了背景导航,现在我无法在此代码中添加底部导航栏,请我是新来的颤振,任何人都可以帮助我。

这是我的gridview,它作为我的背景导航栏的frontlayer。

这是我的背景导航条码

}

0 投票
1 回答
3677 浏览

flutter - 如何禁用底部导航栏在颤动中随键盘上升的行为

在我的应用程序中,我有一个搜索页面,当我单击搜索文本字段时,底部导航栏也会随着键盘向上移动,它应该隐藏在键盘下方。因为当键盘显示时,我可以导航到其他页面,这是不受欢迎的行为。

编码:

不良行为

应该表现的是当我点击搜索时,底部导航栏应该留在键盘后面而不是键盘?

0 投票
2 回答
313 浏览

flutter - 我们如何在颤动中从底部导航栏启动 url

我使用包 CubertoBottomBar 添加了底部导航栏。我想通过 url_launcher 包在其他浏览器中启动新的 url,当我实现它时它会抛出一个错误,因为类型 'Future' 不是类型 'Widget' 的子类型,请帮我解决这个问题。

0 投票
3 回答
11150 浏览

flutter - Flutter - 使用底部导航栏图标的多页面导航

我正在尝试使用底部导航栏中的图标导航到我的应用程序中的不同页面。我已经尝试了很多教程,但似乎无法找到实现这一目标的最佳方法。我已经创建了我的主页(下面的代码)和 2 个附加页面,收件箱和登录,它们都返回简单的脚手架。

首先,我很想知道这是否是实现我想要实现的目标的最佳方式,其次,如何更改我的代码以允许我根据点击的图标导航到不同的页面。我知道下面的代码没有执行,我只是想展示我尝试过的内容。

我的代码:

提前致谢。

0 投票
1 回答
99 浏览

flutter - 如何根据颤动中底部导航栏的索引更改容器?

我有这个弯曲的导航栏,但我不知道如何根据页面的索引更改容器的内容。 在此处输入链接描述

0 投票
1 回答
343 浏览

flutter - Flutter BottomNavigationBar 图标在点击时减小并在释放时返回正常大小

我有标准的底部导航。我已经隐藏了项目标题并使用 type: BottomNavigationBarType.fixed 来防止默认动画。

我想要的是:BottomNavigationBar 项目图标在单击时变小并动画返回正常大小。有人可以帮我实现这一目标吗?