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

flutter - Flutter BottomNavigationBar 带 Navigator 且无需替换(丢失状态)

我们如何在不丢失每个页面状态的情况下BottomNavigationBar使用Navigatorpush 方法更改页面?

额外的细节:这在嵌套导航中很有用,当我们想使用Navigator.of方法来访问最近Navigator的小部件层次结构时。所以我们可以从标签内容中更改标签。这种情况也是这个问题Flutter 集成堆叠和选项卡式导航的解释场景的一部分。

0 投票
1 回答
111 浏览

flutter - 使用 PageView 在 BottomNaviationBar 中使用 GoogleMap 小部件滚动问题以保持状态

嗨,我在下面的代码图像中附加了我的简单颤振应用程序的有状态小部件的构建方法。我正在使用底部导航栏,并希望我的小部件在底部页面之间切换时保留在树中。因此,我实现了 AutomaticKeepAliveMixin 以及页面控制器和页面主体,以使状态保持不变。现在我的问题是,

  1. 我的第一页是显示跟踪信息的谷歌地图小部件。由于页面浏览,当我尝试通过向目的地方向滑动来查看地图上的不同位置时,有时在地图上从右向左滑动会导致页面浏览触发页面切换
  2. 如果我删除 pageview 以使地图按预期工作,那么状态的持久性就消失了,因为根据文档,我应该将脚手架的主体包裹在 PageView 小部件中,以用于 AutomaticKeepAliveMixin 工作。

我的应用截图

现在我的问题是我如何实现两者兼得的东西?我被困住了。我尝试实现其他状态持久化技术,如索引堆栈和 pagekeystorage 但没有运气:( 任何帮助将不胜感激!谢谢!

垂直滚动有效,但是当我尝试在我的地图中横向滚动时,页面浏览量占优势并且只是滚动到新页面,如下所示: 问题 GIF

0 投票
1 回答
719 浏览

flutter - Flutter Navigator v2.0 如何弹出子嵌套路由

我一直在尝试更新新的声明式 Navigator v2.0,按照这个 johnpryan 示例,我决定在 BookDetailsS​​creen 中更改FlatButton pop () :

到_AppShellState中的父路由器AppBar()

全码

我的问题是,我正在使用_routerDelegate.popRoute()它正在工作,但我不确定这是否是正确的方法?

PS:如果有人使用 Navigator v2.0 有一个更复杂的示例,我是 Flutter 的新手,需要了解如何分离和组织我的代码的最佳实践,如何添加更多路由,例如编辑和登录屏幕?使用更多对象,如用户、书籍、作者等...

0 投票
1 回答
40 浏览

firebase - Flutter Firebase 身份验证注销活动

在用户注销时,如何检测注销活动并重新加载按钮导航栏和页面,并使用 firebase 身份验证?

0 投票
1 回答
472 浏览

flutter - 如何使用 AutomaticKeepAliveClientMixin 重新加载 Flutter StatefulWidget?

如何使用 AutomaticKeepAliveClientMixin 重新加载 Flutter StatefulWidget?

下面的代码不会在用户通过 firebase 注销时重新加载 Usermovies 列表 StreamBuilder,而是仅显示旧用户电影数据。

这个 HomeScreen 在底部导航栏中使用 PageView 调用。另一个页面是带有登录和注销按钮的 AccountScreen。

我的问题是如何通过 firebase 在用户注销时重新加载 UserMovies。如何在从 AccountScreen 注销时重新加载 HomeScreen,以便将用户电影流刷新为 null。

0 投票
1 回答
2624 浏览

flutter - 如何使模态底部表与 Flutter 中的底部应用栏同等提升?

所以,我是一个新的 Flutter 开发者,目前正在尝试制作自己的 Flutter 应用程序,而无需任何教程。我对 Modal Bottom Sheet 和 Bottom App Bar 的高度感到困惑。我希望这两个小部件都被同等提升。目前,我的应用行为是这样的。我的应用行为. 底部模态表仅涵盖底部应用栏和其他所有内容。我的代码是这样的。

home_screen.dart(我的底部模态表、FAB、底部应用栏所在的位置)

bottom_app_bar.dart(MyBottomAppBar 所在的位置)

add_button.dart(AddButton 所在的位置)

我在 Flutter Gallery 应用程序中看到了一个非常好的动画 FAB、Modal Bottom Sheet 和 Bottom App Bar 组合,Reply 示例。Flutter 库示例. ( https://play.google.com/store/apps/details?id=io.flutter.demo.gallery&hl=en ) 当 Modal Bottom Sheet 出现时,FAB 动画消失,Sheet 和 App Bar 同样升高,工作表也在底部应用栏上方。这是我在我的应用程序中想要的行为,你们有什么解决方案吗?

0 投票
0 回答
102 浏览

flutter - Flutter - 一起使用 BottomNavigationBar 和 Drawer

我将 BottomNavigationBar 用于 3 个(A、B、C)屏幕和 Drawer 用于 6 个(A、B、C、D、E、F)屏幕。

当我第一次登录时,BottomNavigationBar 小部件被调用,因此它显示第一个屏幕 (A) 和 BottomNavigationBar。我可以通过它导航到屏幕 B 和 C。但是,当我从侧面抽屉中选择任何屏幕时,BottomNavigationBar 就会消失。

我希望 BottomNavigationBar 显示在所有屏幕上。

以下是我的 BottomNavigationBar 小部件的代码 -

预先感谢您提供帮助。

0 投票
3 回答
700 浏览

flutter - 当我通过单击脚手架内的平面按钮导航到其他页面时,底部导航栏消失

请!谁能告诉我 bottomNavigationBar 如何出现在所有页面上。

当我在任何页面上单击 Scaffold 中的 Flat 按钮时,底部的应用程序栏会被隐藏,但是当我使用底部的应用程序栏项目在其他页面上导航时,底部的应用程序栏不会消失。那么我该如何解决这个问题。我希望底部应用栏出现在所有页面上,即使我使用脚手架中的按钮导航或底部应用栏项目???

0 投票
0 回答
64 浏览

android - Flutter 永久隐藏底部 android 导航栏(状态栏)

我正在尝试隐藏我的 android 默认导航栏。我正在使用SystemChrome我的main.dart

但是每当我触摸我的屏幕时,导航栏就会再次出现。

另一方面,当我使用以下方法隐藏顶部和底部时:

它们都被永久删除。

我只需要删除底部导航栏。问题是什么?我该如何解决?

谢谢

0 投票
1 回答
152 浏览

flutter - 如何创建这种带有弯曲背景的底部导航栏?

在此处输入图像描述

我已经尝试了一些软件包并与图像堆叠,但它对我不起作用。任何帮助都会很棒。

带曲线的背景图像不起作用。