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

android - 颤振 | showModalBottomSheet 基于键盘高度的底部填充,但动画很慢

我正在尝试显示底部填充等于键盘高度的 showModalBottomSheet,因为在我的 showModalBottomSheet 中有两个 TextField,一个使用字母数字键盘,第二个使用数字键盘。我讨厌 showModalBottomSheet 相应地更改填充(因为数字键盘较低)。所以,我想出了一个想法,就是让底部填充等于显示的最高键盘。

我成功编写了一个工作代码,但动画很慢,因为是实时计算的。这是调用 showModalBottomSheet 的函数

现在,由于初始键盘高度为零,即使我autofocus: true在第一个 Textfield 上设置,showModalBottomSheet 也会实时调整自身,但这会导致动画变慢。您对如何解决这个问题有任何想法吗?

这里有一个正在发生的事情的例子。

https://imgur.com/a/IL0MYP7

0 投票
1 回答
86 浏览

flutter - 如何显示选择的值?

我从 DropdownMenuItem 中选择的值(例如:Malaysia (+06) ),选择的值将被显示,但是当我导航回或继续到其他界面时,它会消失。

问题:如何使选择的值保持在下拉按钮框中?

有什么办法可以解决问题吗?

下面是我在 showModalBottomSheet 中的代码段:

小部件部件

_showModalPhoneWidget 方法部分

这是我的本地 JSON 数据:

0 投票
0 回答
77 浏览

flutter - 带有 Column 的 DraggableScrollableSheet 不会拖到顶部

我正在尝试创建一个可拖动的底部工作表,该工作表将具有设置的页眉和页脚。在这些之间,正文/内容会有所不同。可能有一个空状态或可能有一个数据列表。用户也应该能够将此工作表扩展到屏幕顶部。

这是一个基本示例,我可以在其中查看所有数据,但无法将其拖动到最大大小。我只能在页眉和页脚之间的 ListView 内滚动。

如何更新它,以便我仍然可以拖动工作表以捕捉到顶部、返回到中间或关闭?

代码示例:

0 投票
1 回答
105 浏览

flutter - 如何在颤动中更改底部工作表对话框内的文本?

我想更改底部工作表对话框内文本小部件中的值,但找不到方法

我想知道在 TextFormField 中输入内容后是否有办法在颤动中更改 showModalBottomSheet 中的文本。否则,我需要为 TextFormField 中的每次更改实时更新 Text Widget 中的值。

请帮帮我

0 投票
0 回答
37 浏览

flutter - Flutter 桌面网页 DraggableScrollableSheet 滚动问题

我最近在 Flutter 中遇到了一个我无法解释的奇怪行为。考虑为 WEB 平台构建的以下代码:

从移动设备打开时,它工作得非常好并且符合预期:DraggableScrollableSheet被打开,占用屏幕高度的 50%,然后它的ListView内部可能会随着工作表本身滚动,所以它将占用屏幕高度的 0% 到 100%屏幕。
但是,如果在桌面浏览器中打开,则只会拒绝与鼠标滚轮旋转DraggableScrollableSheet一起滚动。ListView它只是坚持50%,只能关闭,永远不能扩大​​!
我错过了什么?它是一个颤振错误吗?如何使其按预期在桌面浏览器中工作?

PS 这里是我的应用程序中行为的一个稍微复杂的示例,托管在 GitHub 页面上;要ModalBottomSheet打开,您应该触摸圣彼得堡中心的 Flutter 图标。

0 投票
0 回答
29 浏览

flutter - StatefulBuilder 不更新底部工作表上的状态

我有一个带有三个按钮的模态底部表。每个按钮都有一个名为 isSelectedStatusButton 的属性。当为 true 时,按钮的颜色将变为蓝色。我遇到的问题是 onPressed 函数不会更新状态变量的状态。这会导致按钮不改变颜色并且 showModalBottom 工作表返回 null。我觉得我对 StatefulBuilder 的实现是不正确的。如果我需要提供任何父代码,请告诉我。

我叫它这里

0 投票
2 回答
375 浏览

flutter - 带有导航器的颤振模态底部工作表未按预期弹出

我与ModalBottomSheet 合作,我喜欢这个包。但是,我在尝试在 ModalBottomSheet 中导航时遇到了问题。

这是一个ScreenVideo以便更好地理解。

如您所见,视图显示为 ModalBottomSheet。但是当弹出它时,它不是简单地解散到底部,而是弹出到带有 MaterialPage Pop 动画的某个空屏幕。

我更改了我的代码,以便可以在该 ModalBottomSheet 中使用 MaterialPageRoute-Animation 进行推送。在此之前,一切都按预期工作。

这是我的页面:

我只是按照这个例子。我在这里想念什么?使用上面的代码,我可以按预期使用 MaterialPageRoute 动画推入 ModalSheet,但弹出第一个屏幕会带来问题......

如果您需要更多信息,请告诉我!任何帮助表示赞赏:)

0 投票
2 回答
108 浏览

flutter - 是否有可能在颤动中为多个页面使用共同的 showModalBottomSheet

我想将底部工作表作为一个单独的功能,但在任何地方都找不到如何实现它。随处添加底部工作表作为一个功能,但是否可以将底部工作表作为一个通用功能,以便我可以在其他地方重用它?

0 投票
0 回答
28 浏览

flutter - 如何检测模态底板的稀松布上的敲击?

我正在使用模态表,当我点击模态底部表之外的某个位置(在透明区域中)时,它会关闭底部表,所以我需要回调这个点击手势,以便我可以在关闭底部表之前执行某些操作.

showModalBottomSheet 中有一个属性isDismissible,它禁用了对稀松布的点击,但我不希望它禁用它,只需要一个回调,以便在关闭之前可以执行某些操作。

0 投票
1 回答
19 浏览

flutter - 如果祖先关闭,Snackbar 操作会给出“查找已停用小部件的祖先是不安全的”错误

我有带有文件夹名称列表的 showModalBottomSheet。如果用户想将文件添加到文件夹中,请单击添加,ModalBottomSheet 将显示,用户点击文件夹名称并调用 bloc 事件将文件添加到文件夹中。如果成功,我将获得 CreateFavouriteSuccess 状态,如果成功,则关闭 Modal 并显示小吃店如下。到目前为止还可以。问题是,如果用户单击快餐栏操作,我会收到以下错误。Snackbar 将在 3 秒内自动隐藏,并且 Ok 操作会立即关闭。

我了解 Navigator.of(context).pop(); 关闭祖先,shwoModalBottomSheet。我可以知道如何解决这个问题。

错误

代码