问题标签 [flutter-showmodalbottomsheet]

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 回答
359 浏览

firebase - Firebase“CurrentUser displayName”不会随底页更新

我的应用程序实现了 Firebase 身份验证,每个用户都必须输入他们的显示名称才能注册到应用程序中。

在我的应用程序中,我希望用户能够更新这个显示名称

逻辑非常简单,用户单击“更改显示名称”按钮,出现一个ModalBottomSheet,用户可以在其中输入新的显示名称并保存。但是这样,当显示名称更改时,屏幕不会更新,直到我热重新加载或重新启动应用程序。

在此处输入图像描述

我试图在不同的地方调用 .reload 但在页面刷新之前显示名称不会改变。

编辑:感谢https://stackoverflow.com/users/11921453/twelve的解决方案

使用以下 StreamBuilder 包装 manin 小部件,您将能够立即检索 snapshot.data.displayName。

0 投票
1 回答
114 浏览

flutter - 如何在 Flutter 中使用 setState() 更新 ModalBottomSheet 的 ParentWidget?

在我的 SingleDayCalendarView() 中,我有一个按钮调用 showModalBottomSheet() 并以 AddShiftBottomSheet 作为其子项:

然后在 AddshiftBottomSheet(另一个文件中的有状态小部件)内部,我调用另一个 showModalBottomSheet 来显示 TimePicker

问题是,当我使用 TimePicker 更改时间时,应该显示 _startDateTime 的 Text() 不会更改并继续显示其初始值。 使用 print 语句,我看到变量 _startDateTime 它正在发生应有的变化,并且 setState 触发了它,但没有任何反应。

一种奇怪的行为:如果我的 _startDateTime 变量介于:

一切正常。

在此处输入图像描述

0 投票
1 回答
405 浏览

flutter - 在flutter中调用api后更新ModalBottomSheet

我是新来的颤振,正在开发一个调用 api 并从服务器获取数据的应用程序,这些数据显示在底页上。在这种情况下,我在执行 api 调用的同时显示底部工作表。在 api 调用之后,我想更新底部工作表的内容。我使用了一个数据对象来显示底部工作表中的内容。setstate 没有更新已经显示的底页。api调用后如何更新底部工作表内容。

我的 API 调用

我的底片代码

0 投票
2 回答
2279 浏览

flutter - 构建后颤振显示模态底部表

正如标题所说,我有一个字符串参数,当我加载 Home Stateful Widget 时,如果参数不为空,我想打开这个底页。

据我了解,我无法调用showModalBottomSheet()Home 小部件的构建功能,因为它在构建 Home Widget 时无法开始构建底部工作表,那么,有没有办法在构建 Home Widget 后立即调用它?

0 投票
1 回答
1176 浏览

flutter - 是否可以在底页外启用点击?

我想让用户也可以在底部表之外采取行动。例如,在下图中,我希望用户点击播放按钮。我现在不能这样做,因为底页的障碍阻止了点击播放按钮。

在此处输入图像描述

  • 根据我的研究,底部工作表是一个全屏组件。它似乎是高度的一半屏幕是一个骗局。(通过使屏障颜色透明并添加高度约束)。
0 投票
1 回答
199 浏览

flutter - 有没有办法在设备方向更改时关闭模态底页?

我已经尝试过:

在 _BottomContentState 中,但是当我切换设备的方向时这给了我一个错误。

另外,我希望 ModalBottomSheet 在打开时关闭,否则不采取任何行动

0 投票
0 回答
519 浏览

flutter - 颤动中底片的书写测试

测试是检查是否showModelBottomSheet沿着键盘移动,showModelBottomSheet必须显示在键盘上方。

我写了这段代码但失败了。

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 投票
1 回答
137 浏览

flutter - 当在真实设备上的 BottomSheet 聚焦时,TextField 留在键盘后面,但在模拟器上工作

我看到了一些解决方案并实施了它们。在模拟器上看起来不错,但在真实设备上不起作用(见屏幕)。因此,当我单击文本字段时,键盘会根据焦点文本字段向上移动,并且我可以滚动,但在真实设备中不会发生。在此先感谢您的时间。

在 FloatinActionButton 启动的 BottomSheet

PostAD 方法在 Container 中显示多个页面(取决于用户选择的索引)

在此处输入图像描述

0 投票
1 回答
691 浏览

flutter - 用于 Flutter 的 showModalBottomSheet 中的页眉、页脚和可滚动正文?

在此处输入图像描述

好的,到目前为止没有问题。我省略了isScrollControlledshowModalBottomSheet因此您无法向上拖动以填充屏幕。我希望它在视口高度的一半处最大化(我认为这是默认约束?)我还希望它根据内容调整大小,直到达到这个最大高度。但是,如果我向其中添加更多小部件,SingleChildScrollView Column则会溢出: 在此处输入图像描述

我期待“body”在页眉和页脚之间的剩余空间中最大化它的高度并变得可滚动,但它只是变得不受约束。showModalBottomSheet一旦达到其高度限制,我该怎么做才能使“正文”内容可滚动?