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

flutter - 在满足条件后以编程方式关闭 showModalBottomSheet - 在构建期间调用 setState() 或 markNeedsBuild()

我想showModalBottomSheet在代码中验证布尔条件为真时关闭 a 。但是,在 VSCode 的调试控制台上,预期的行为是有效的,我看到一个异常被抛出,我担心它在稍后部署到生产环境时会导致某些错误。例外情况如下:

我使用 Mobx 作为我的状态管理工具,当计算值变为 时true,我希望showModalBottomSheet关闭。

代码如下所示showModalBottomSheet,您可以在Observer的builder方法中找到Navigator.pop(context, true)调用:

我已经检查了其他一些类似的问题及其解决方案,例如this one,但如果没有上述例外,我无法使其正常工作。

那么,如何在不引发异常的情况下实现预期的行为(当计算值评估为 true 时关闭模式)?

PS:如果我将逻辑移到它showModalBottomSheetonPressed回调附近,FlatButton它不会引发异常,但是,它允许插入一个超出所需数量的额外小部件,因为它是否已满的检查只会在下一个状态更新(我猜),这就是为什么我在builder方法中插入验证,在它之前return,但反过来,在调试控制台中接收异常。

PS2:如果我正在做一些被认为是不好的做法,请告诉我。

0 投票
1 回答
1541 浏览

flutter - 使用工作表中的滚动视图向下滚动颤动模式底部表

我使用颤振函数 showmodalbottomsheet 来显示一个带有 customscroll 视图的页面。

但是当滚动视图的滚动过度滚动时我有一个问题我想滚动底部而不是过度滚动customscrollview。

如何选择要使用的卷轴?

例如我想做 Facebook 评论页面:

在这里您可以看到当滚动视图处于最大滚动时工作表正在向下滚动

0 投票
2 回答
1525 浏览

flutter - 颤振:移动包含带有文本字段的 TabBarView 和键盘的底部表

我正在尝试制作一个在两个选项卡视图(第二个和第一个)内都有一个文本字段的底页。但是,底页与键盘重叠。

我尝试了这里提到的所有解决方案: 如何将底页与具有文本字段的键盘一起移动(自动对焦为真)?

它有效,但仅适用于选项卡(容器内的脚手架内的选项卡)而不显示 tabview 内容,我的意思是 tabview 消失并仅显示白屏!

这里是键盘出现之前和之后的屏幕图像:

前 : 在此处输入图像描述

后 : 在此处输入图像描述

编码 :

所以 !有人曾经遇到过这个问题或有任何想法可以提供帮助吗?!谢谢。

0 投票
1 回答
916 浏览

flutter - 如何在颤振模式表上放置一个 iOS 风格的可关闭栏

我对颤振很陌生,并试图为我的 modalSheet 实现一个可忽略的栏。像这样的图像:

原型

我只能想到一个堆栈。但这会使代码变得复杂。请让我知道是否有更好的方法。

0 投票
2 回答
55 浏览

flutter - 是否有任何类似的小部件或功能,如“showModelBottomSheet”从右侧在屏幕上弹出?

我使用showModelBottomSheet了很多从底部弹出并带有漂亮动画的屏幕。

现在我想使用类似的东西,从右侧而不是底部弹出屏幕。

当用户将屏幕旋转为横向时,它对 UI 的帮助很大,然后我想在颤动中从右侧显示一个弹出窗口。

我试图找到并深入挖掘内部showModelBottomSheet功能,但没有运气。

0 投票
1 回答
43 浏览

flutter - 如何在 buttonPressed 上的 showModel 中显示不同的小部件

我正在尝试显示 showModelBottomSheet() 并且它工作得很好,bottomSheet 中有一个按钮,所以每当我按下这个按钮时,它都会显示/返回一个新的容器(容器不同的小部件)。在这个 onTap() 上,我已经设置bool 变量为真或假...但不起作用。是否 setState(()); 方法在 ModelBottomSheet 中不起作用?和 showGeneralDialog() 的类似情况......我该如何解决这两个问题。

0 投票
1 回答
359 浏览

android - 在 dispose() 之后调用 setState():_StatefulBuilderState#09642(生命周期状态:已失效,未安装)

我用底页显示内容,我在计算后更新文件夹大小,使用 statefulbuilder 的 setState,我也使用了挂载条件,然后在调用 dispose 后它也显示setState ,帮我解决这个问题。

0 投票
3 回答
968 浏览

flutter - Flutter:无法从 showModalBottomSheet 访问 Provider

我无法从 FloatingActionButton 中的 showModalBottomSheet 访问在 Scaffold 上方定义的提供程序。

我已经像这样定义了一个主页:

这是 MyFAB:

错误:在此 BottomSheet 小部件上方找不到正确的 Provider<MyProvider。

0 投票
2 回答
1744 浏览

flutter - Flutter showModalBottomSheet 隐藏在 CupertinoTabBar 后面

我使用 CupertinoTabBar,但想在用户的设备是 Android 时显示材料设计 BottomSheet。但是,当我同时使用它们时,BottomSheet 隐藏在 CupertinoTabBar 后面,如下所示。

你能帮我解决这个问题吗?还是两者都用不好?

在此处输入图像描述

我的简化代码

0 投票
1 回答
95 浏览

flutter - Flutter:强制modalBottomSheet仅在单击按钮时关闭

我正在使用 modalBottomSheet 来存储我的用户的设置配置文件。我想在底页关闭时执行 firebase 操作。有没有办法禁用所有 modalBottomSheet 手势以强制工作表仅在图标 onTap 操作上关闭?谢谢