问题标签 [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.
flutter - ModalBottomSheet Flutter 中的组复选框
如何在modalbottomsheet中应用组复选框?我有创建组复选框,它的工作正常。但是当我将它放入 modalbottomsheet 时,状态不会立即改变(需要重新打开才能看到值的变化)。我确实用 StatefulBuilder 包装了 checkboxListTile 并提供了 StateSetter。任何解决方案?谢谢
这是我的代码
flutter - Cubit State 不会在 BottomSheet 内刷新
我有带有 CubitA 和 StateA 的 ScreenA。从 ScreenA,我打开一个模态底部表,并通过 BlocProvider.value() 传递 CubitA。我在 BottomSheet 小部件内也有一个 BlocBuilder。
我可以从工作表内部正确使用 CubitA(例如:按下按钮时调用内部方法),但 BottomSheet 中的状态在更改后不会更新。
代码
BottomSheetWidget
根据文档(https://pub.dev/packages/flutter_bloc),通过使用watch
or Provider.of()
,子树中的小部件应该监听变化。
这是预期的行为吗?难道我做错了什么?
任何帮助表示赞赏,谢谢!
flutter-layout - 模态底页被抬起时如何使颤动动画全屏播放?
我正在尝试在举起时使用confetti 包将五彩纸屑动画添加到模态底页。但它没有按预期工作 - 动画在屏幕中间被剪切。当我从按钮按下调用动画时,它按预期工作。所需的结果就像按下按钮时一样,但应该是在模态底页被提升时。
我试过把 , , 也包进去,但ConfettiWidget
这些都行不通。Expanded
Positioned.fill
Flexible
编辑: 做了一些测试,似乎问题只存在于 iOS 设备上。此外,可能值得一提的是,Android 设备(物理和虚拟)上的动画比 iPhone 上的要慢得多。
请参阅下面的 GIF:
构建时:

按下按钮时:
(它应该如何看待构建)
代码:
flutter - Flutter:导航到下一页时如何将 DraggableScrollableSheet 设置为全高
我试图在第二页上打开 DraggableScrollableSheet,同时从第一页导航到第二页(点击)。它有效,但该表没有超过 Appbar,即全高。
所以我在这里找到了将其设置为全高的解决方案。 如何将 showModalBottomSheet 设置为全高
解决方案是将 DraggableScrollableSheet 包裹在 showModalBottomSheet 下。但是当我尝试实施这个解决方案时,它给了我一个错误。“在构建过程中调用了 setState() 或 markNeedsBuild()。 ”
工作表下的背景小部件未构建。但是 DraggableScrollableSheet 工作表已创建。在此处查看快照: 主页, 有错误的第二页
由于我是新来的,我无法根据上面引用的解决方案修改我的代码。所以请求通过修改我的代码来提供解决方案。谢谢 !!
这是我的代码-
flutter - 我的 modalBottomSheet 只能在边缘拖动
我有一个建设者的DraggableScrollableSheet
内心。showModalBottomSheet
我已经设置isDismissible: true
了模态表,但我的小部件只能在边缘拖动。那是因为我有一个ListView
内部DraggableScrollableSheet
。
当列表在拖动开始时过度滚动时我应该怎么做?
这是我的代码:
StackedSheet在哪里:
这是一个GIF:
我的愿望不是弹跳,而是开始被拖累。
flutter - 关闭 ModalBottomSheet 时颤振返回数据
当 FAB 在屏幕上按下时,我正在显示 ModelBottomSheet。当 ModelBottomSheet 弹出时,我使用从 ModelBottomSheet 返回的数据运行一个方法,该方法更新屏幕。
在 ModelBottomSheet 上,我有一个弹出 ModelBottomSheet 并返回数据 (_searchData) 的按钮。
当 ModelBottomSheet 被解除(即用户点击屏幕的上半部分)时,如何获得与按下 ModelBottomSheet 上的按钮相同的结果?
flutter - 为什么 showModalBottomSheet 覆盖bottomNavigationBar,而showBottomSheet 按位置显示在其顶部?
我有一个看起来像这样的应用程序(简化):
工作 dartpad 示例:
https ://dartpad.dev/cc4e524315e104c272cd06aa7037aa10
我的问题是,我想使用 showModalBottomSheet 来阻止用户与屏幕交互,但我需要 bottomNavigationBar 显示如下:
现在它只涵盖了包括底部导航栏在内的所有内容:
如果我将其更改为 showBottomSheet,它的效果就像第一张图片一样。
为什么他们的行为不同?
如何使用 showModalBottomSheet 获得我想要的结果?
flutter - 使用 Switch 时的 showModalBottomSheet 堆叠
我正在尝试在我的应用程序的登录屏幕上显示隐私政策横幅。每当我单击开关时,另一个 ModalBottomSheet 就会堆叠在另一个之上。
我试图在单独的 Statefullwidget 中提取按钮,没有任何变化。
有什么建议、提示或想法吗?
android - 应用暂停时自动关闭 Flutter 模态底页
我showModalBottomSheet
用来展示模态材料设计底页。
我希望当 Flutter Android 应用程序暂停时(例如用户正在点击主页按钮)自动关闭(弹出?)。
我怎样才能做到这一点?
flutter - ShowModalBottomSheet 在 Flutter 中仅显示一个项目图像
我正在尝试showModalBottomSheet
通过使用flutter_bloc
库来获取 api。下面是飞镖代码和示例 api 数据,根据 api 数据,我得到两张图像,但showModalBottomSheet
其中只显示一张图像。它只显示一个的原因是什么。我还注意到,我无法更新文本颜色更改之类的内容showModalBottomSheet
。
主页.dart
TableModalSheet.dart
API数据