Flutter-防京东商城项目-修改属性选择框点击重复弹出的问题.(点击穿透)-31

已于 2024-03-05 21:25:46 修改
阅读量157 收藏
点赞数
分类专栏： Flutter 文章标签： flutter
于 2021-09-05 11:06:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38716347/article/details/120111884
版权
本文作者分享了自己在Flutter商城项目中遇到的商品属性选择、手势穿透和页面滑动禁止等问题及其解决方案。通过清理数组数据、设置手势行为和调整页面滚动物理行为，实现了功能优化。旨在帮助读者避免技术弯路，提升开发效率。
摘要由CSDN通过智能技术生成

一直觉得自己写的不是技术，而是情怀，一个个的教程是自己这一路走来的痕迹。靠专业技能的成功是最具可复制性的，希望我的这条路能让你们少走弯路，希望我能帮你们抹去知识的蒙尘，希望我能帮你们理清知识的脉络，希望未来技术之巅上有你们也有我。

代码文档

Flutter防京东商城源码(1-10)链接

Flutter防京东商城源码(11-20)链接

Flutter防京东商城源码(21-30)链接

Flutter防京东商城源码(31-46)链接

问题1:商品属性选择框属性加载重复的问题(不过我没有见过这个问题)

这个问题是当弹出属性选择框的时候，选择商品时属性，按键向下穿透效果，点击了商品详情的预选按钮。
解决办法就是把穿透的效果关掉它。
在这里插入图片描述

attr[i].attrList.clear();   //清空数组里面的数据

在这里插入图片描述
问题2:修改穿透的问题
在这里插入图片描述
手势事件可以设置手势不穿透。

behavior:HitTestBehavior.opaque ,

在这里插入图片描述
问题3:详情页面禁止左右滑动

physics: NeverScrollableScrollPhysics(), //禁止TabBarView滑动

在这里插入图片描述

冯汉栩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
flutter 弹出框，版本更新框自定义，弹出输入框
曾经也是个少年
08-03 927
1.自定义提示框 void _purchase(context, status) { showDialog( // 传入 context context: context, // 构建 Dialog 的视图 builder: (_) => Container( padding: EdgeInsets.symmetric( horizontal: 40, vertical:
Flutter防京东商城源码(31-46)
01-19
【Flutter防京东商城源码(31-46)】是一个关于使用Flutter开发类似京东商城应用的项目，它涵盖了从第31个功能模块到第46个模块的实现过程。这个项目旨在帮助开发者深入理解和实践Flutter框架在构建复杂电商应用中的...
Flutter - 快速点击弹出多个弹框优化
iotjin的专栏
03-17 499
在 _showBottomSheet 方法中，如果底部菜单未打开，我们将 _isBottomSheetOpen 设置为 true，并调用 showModalBottomSheet 方法打开底部菜单。在 Flutter 中使用 showModalBottomSheet 弹出底部菜单时，如果用户快速点击多次会弹出多个底部菜单，这会影响用户体验。为了避免这种情况发生，我们可以使用一个 flag 来控制底部菜单是否已经打开，只有在底部菜单关闭之后才能再次打开。
flutter 防止多次点击
whs867712232的博客
12-02 444
网上其他人案例，要么不容易适配项目，要么第一次点击有问题。
flutter防止按钮重复点击
androidhyf的博客
04-06 1500
flutter防止按钮重复点击
flutter 加了从上往下动画，又有叠加stack，导致点击事件穿透了
weixin_44911775的博客
09-23 1299
加了从上往下动画，又有叠加stack，导致点击事件穿透了,可以给底层作点击事件代替点击。
flutter-embedded-linux:Flutter的嵌入式Linux嵌入式
03-12
Flutter的嵌入式Linux嵌入式 创建该项目是为了开发的非官方嵌入式Linux嵌入。 该嵌入程序着重于嵌入式Linux系统用例。 它还基于Windows的Flutter桌面实现，并且具有一些独特的功能可在嵌入式系统中使用。 目的与...
Flutter防京东商城源码(21-30)
01-19
【Flutter防京东商城源码(21-30)】是一个关于使用Flutter开发的移动应用项目，主要目标是实现一个类似京东商城的电子商务平台。这个项目涵盖了从第21到第30个功能模块的代码，旨在帮助开发者深入理解如何用Flutter...
flutter-windows-3.16.9-stable.zip
01-27
Flutter是Google开发的一款开源UI工具包，用于构建高性能、高保真、跨平台的移动、Web和桌面应用程序。本文将详细解析"flutter_windows_3.16.9-stable.zip"这一版本的Flutter SDK在Windows平台上的应用及其相关知识...
flutter 按钮避免重复点击
NotesChapter
07-01 1908
按钮避免重复点击
Flutter点击事件的穿透,父元素点击事件覆盖了子元素点击的问题
天渺(喵)工作室
12-02 5716
在web 中类似的情况的都被成为点击穿透事件 在flutter中 ，组件的嵌套 也存在类似情况，flutter中的所有点击事件 一层一层源码找 最终都是 有兴趣可以去看官方文档 GestureDetector 组件的源码中的behavior 属性 三个内容 枚举 值 方法1 ... InkWell( onTap: () {}, child: GestureDetector( beh...
防止按钮重复点击
JustinNick的博客
02-20 1447
App中，有很大一部分场景是点击按钮，向服务端提交数据，由于网络请求需要时间，用户很可能会多次点击，造成数据重复提交，造成各种莫名其妙的问题。因此，防止按钮多次点击，是Android开发中一个很重要的技术手段。 下面介绍两种解决方式： 1.每个按钮点击事件中，记录点击时间，判断是否超过点击时间间隔 private long mLastClickTime = 0; public ...
Flutter 开发 GestureDetector与Listener的点击冒泡与穿透
Sakuramissing的博客
01-03 1191
Flutter 开发 GestureDetector与Listener的点击冒泡与穿透，GestureDetector会阻止事件的冒泡传递，只执行最里面一层；Listener会进行事件穿透，多层响应，并从上往下进行响应。实际项目中要根据需要适合搭配使用~
Flutter解决按钮请求防重复提交
Flutter|Android移动开发
10-12 6562
InkWell( onTap: (){ // 防重复提交 if(lastPopTime == null || DateTime.now().difference(lastPopTime) > Duration(seconds: 2)){ lastPopTime = DateTime.now(); ...
Flutter 指针事件原理&点击穿透
Code1994的博客
09-30 2471
隔离的这14天，慢慢的研究了Flutter的指针事件，在这个过程中，又重新梳理了一下Element和Render Tree的形成过程。这篇文章，主要对指针事件在Fluter中如何下发到各个组件的过程进行梳理。(指针是指针，手势是手势，手势是指针事件的某种行为，且只有一个胜者，这点要区分清楚。) 好像要一只dash啊。???????????? 好的，进入正题。当你点击了屏幕，Flutter做了什么呢？ 过程解析 通过调用栈，我们逐步分析过程。 1.从平台处获得指针事件数据并分发 指针数据被包装
Flutter 指针事件原理&amp；点击穿透_flutter pointer，2024年最新flutter页面跳转动画
最新发布
2401_84164503的博客
04-15 800
网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注鸿蒙）一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！vip204888 （备注鸿蒙）**[外链图片转存中…(img-PRtQFOK8-1713124762302)]
通过防止按钮快速重复点击简单了解AOP和注解
Alien28的博客
05-11 1486
首先，现在build.gradle中添加配置： 替换为Aspectj的编译方法 buildscript { repositories { mavenCentral() } dependencies { classpath 'org.aspectj:aspectjtools:1.8.8' classpath 'org.asp...
解决Toast多次被调用弹窗多次问题
weixin_34018169的博客
08-06 536
Taost作为提示来用，效果明显，即视感强，显示时间有长、短两种可选。虽然说时间有短这个选项，但是也不会太短，当用户在短时间内多次启动到Toast的显示的话，就会Taost很多次，而且每一个都会显示，可是用户已经知道是什么问题了，多次显示的体验感就不好，所以接下来姐是解决这个问题。项目如果比较小的话要求就没那么严格了，效果也没那么好，现在我们来讲一下在项目比较大的时候的情况，...
Flutter 点击框弹出阴影层
06-08
要实现这个功能，你可以使用 Flutter 中的 Stack 和 Positioned 控件来实现。...在这个示例中，当点击蓝色框时，会弹出一个黑色的阴影层，并显示文本“这是阴影层”。你可以根据自己的需要修改阴影层的样式和内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冯汉栩

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值