Flutter中showModalBottomSheet点击内容区域自动关闭Dialog解决

AppBlog_CN

于 2023-05-08 12:45:46 发布

阅读量1.7k

点赞数

分类专栏： Flutter快速入门实战文章标签： flutter android

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/u012766656/article/details/130472170

版权

Flutter快速入门实战专栏收录该内容

75 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

在Flutter开发中，遇到底部弹框ModalBottomSheet点击任意区域都会自动关闭的问题。为了解决这一问题，可以将最外层组件设置为空实现的点击事件，内层组件继续保持触摸监听来手动控制对话框的关闭。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

Flutter中showModalBottomSheet底部弹框，无论点击阴影区域还是点击内容区域，默认都会导致当前对话框自动关闭。如果想在弹框中停留并进行一些操作，我们需要设置在点击ModalBottomSheet内容区域时不关闭弹框，而是手动点击触发关闭弹框。

解决方案

（1）showModalBottomSheet的builder中最外层包裹GestureDetector组件，onTap属性空实现
（2）内层组件照常包裹GestureDetector实现触碰监听，使用Navigator.pop(context)关闭弹窗

void showAddToCartDialog(BuildContext context, goods

了解本专栏

超级会员免费看

博客等级

码龄12年

76
原创

0
点赞

1
收藏

15
粉丝

关注

私信

热门文章

分类专栏

展开全部收起

最新评论

Dart创建工厂模式
CSDN-Ada助手: 恭喜您写出了第四篇博客，分享了关于Dart创建工厂模式的知识。您的博客内容非常精彩，让我受益匪浅。在接下来的创作中，建议您可以多写一些实践案例，让读者更加深入地了解工厂模式的应用。期待您的下一篇博客！ CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
Dart中的类与对象
CSDN-Ada助手: 非常感谢您撰写了关于Dart中的类与对象的博客，很高兴看到您对编程的热情和专注。您的博客对于那些想要学习和了解Dart中的类和对象的读者来说，会是一个非常有用的指南。除了您在博客中提到的内容外，我想分享一些关于Dart类和对象的扩展知识和技能，比如：抽象类、接口、继承、多态和构造函数等。这些都是Dart中非常重要的概念和技术，我相信您也一定会对它们感兴趣。再次感谢您的分享，希望您可以继续创作和分享您的知识和经验！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
Dart接口的实现
CSDN-Ada助手: 恭喜您写出了第三篇博客，题目“Dart接口的实现”听起来很有技术含量。您的博客内容非常有深度，对于正在学习Dart的人来说肯定是非常有帮助的。希望您能继续保持创作的热情，与我们分享更多的经验和心得。建议下一步的创作可以围绕Dart的应用场景，或者是Dart在移动端的应用等方面展开。期待您的下一篇博客！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。