记一次TouchableOpacity无法点击的排查

iOS点击失效：定位冲突与布局调整
最新推荐文章于 2025-05-29 00:19:33 发布
原创 最新推荐文章于 2025-05-29 00:19:33 发布 · 3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#网络 #tcp/ip #服务器

本文探讨了iOS应用中TouchableOpacity组件点击失效问题，发现是由于绝对定位视图遮挡导致。解决方法是调整布局移除绝对定位。还提及了其他可能导致点击失效的情况，如组件尺寸超出父级和嵌套TouchableOpacity的处理方式。
部署运行你感兴趣的模型镜像

问题描述

react-native源码

android手机一直没什么问题

ios点击按钮没有反应

最后用了真机调试，看了下布局是没问题的

排查了半天是绝对定位的问题

它的TouchableOpacity那里有一个绝对定位的view，被挡住了

最后把布局修改了一下，绝对定位去掉就可以了

其他搜索到了以下几种可能

1.按钮组件有时候会失效，点击没有反应，根据反复测试，发现是因为超出了父级的区域。
比如按钮包含在组件里面，view设定的高度是100px，但是上面还有一个元素，这个元素的高度是101px，于是就把挤到外面了，这个时候点击按钮就会无效。

2.TouchableOpacity里面包TouchableOpacity的时候，使用TouchableOpacityFeedBack这个控件把里面的TouchableOpacity包起来

这两种是搜解决办法的时候搜到的，虽然没解决我的问题，也许可以解决其他人的

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

记一次OOM异常问题排查
weixin_40709965的博客
03-12 989
本文基于一次典型的CPU打满问题，逐步分析，最终定位到发生OOM的代码行，并处理修复。在后续遇到类似问题时，可以参考此排查思路，进行处理。同时，根据此次爆发OOM的原因，也可以发现，我们在查询列表数据时，特别是没有分页时，尤其要注意，返回的数据体量，避免返回数据过多，导致OOM问题。
记一次页面区块点击无反应的问题排查
JasonLee的专栏
07-18 5337
背景 周五中午，烈日当空。 在组织活动要求下，我和几位同事顶着大太阳去参观了章太炎故居，并在附近开了个会。 搭同事顺风车回到公司，下车的时候，有点晕的我感慨了一句：“中午不睡，下午崩溃。” 没想到说完这句话，我收到了一个问题反馈：某个页面的某个功能区块，用户点击了没反应。 并且配套的还有程序员经典名言：我这里是好的。 初步分析 预期情况：用户点击区块a，会根据服务端下发的url进行页面跳转。 此时用户点击后没有反应，又由于开发该页面的同学未在此处代码逻辑中添加相应日志，所以先从.
TouchableOpacity点击失效
kalinux的博客
03-23 6719
按钮组件有时候会失效，点击没有反应，根据反复测试，发现是因为超出了父级的区域。 比如按钮包含在组件里面，view设定的高度是100px，但是上面还有一个元素，这个元素的高度是101px，于是就把挤到外面了，这个时候点击按钮就会无效。 ...
React Native 小记 - TouchableOpacity 单次点击无效
weixin_34220834的博客
10-23 1345
一般是焦点问题，解决方法：即在 ScrollView 标签内，根据情况设置其 keyboardShouldPersistTaps 属性值为 always 或者 handled 。详细解决过程如下： 0x00 描述 收到测试人员提交的 Bug：帐号密码输入完毕按返回键关闭键盘后，点击登录没反应，再点一次才执行登录操作。网上类似的情况还有 “当点击 TouchableOpacity 时，要点击两下才会...
RN TouchableOpacity点击事件不响应原因详解
https://www.xiaohongshu.com/user/profile/5f3543150000000001002b2e
12-20 3528
问题 首先是整个页面布局如上： 在实际开发中发现 如下红框中的所有区域点击事件均没有效果，不会触发 问题定位 RN基本触摸组件尝试 TouchableHighlight、TouchableNativeFeedback、 TouchableOpacity 、 TouchableWithoutFeedback onPressIn：点击开始； onPressOut：点击结束或者离开； onPress：单击事件回调； onLongPress：长按事件回调。 以上触摸事件无论怎么尝试在红框区域
React Native设置 TouchableOpacity 禁用
mingxiangzhimin的博客
10-26 3310
设置按钮 禁止点击 https://www.jianshu.com/p/99cd45336849
React Native中TouchableHighlight和TouchableOpacity无法获取焦点问题的解决
冰咖啡的专栏
06-15 722
React Native中TouchableHighlight和TouchableOpacity无法获取焦点问题的解决
记一次django内存异常排查及解决方法
01-19
对于Python项目出现内存问题，自己之前处理过一次，所以并没有第一次解决时的慌张，自己之前把解决方法也整理了：https://www.jb51.net/article/151604.htm 但是事情似乎并没有我想的那么简单，自己尝试用之前的的...
一次OOM问题排查过程实战记录
08-26
* 为什么 Tomcat 就会一次性分配这么大的 buffer 呢？ * 为什么会有那么多的 Tomcat 线程？ 通过进一步的分析，我们可以确定这些问题的答案。 六、结论 在本次 OOM 问题排查中，我们通过分析 Histogram、byte ...
记一次tomcat进程cpu占用过高的问题排查记录
09-29
这篇文章主要记录了一次排查Tomcat进程CPU占用过高的问题的过程。问题发生在Linux环境下，一个Tomcat Web服务的CPU占用率超过200%，导致请求无法响应。在排查过程中，作者首先通过`jps`命令找到JVM进程，接着使用`...
iOS14系统下按钮点击没有反应
yuanpeng1014的博客
10-22 2947
最近许多苹果用户已经陆续升级iOS14系统，随之问题反馈也越来越多，简单记录下按钮点击没有反应。 之前许多小伙伴可能会直接把按钮添加到tableview的cell上，类似：[self addsubviews:btn]; iOS14系统下会造成这类按钮无法点击。 原因是：cell中contentview改为了懒加载，如果没有.contentview的方法，按钮会被contentview覆盖。也是就是按钮会比contentview提前创建并添加到cell上。 所以以后有类似习惯的小伙伴尽量把控件添加到c
IOS14 部分点击事件失效的解决办法
weixin_42362496的博客
11-21 1507
今天新到的M1处理器新mac 默认模拟器是IOS 14 之前做的APP，部分点击功能都失效了，后来 发现是由于直接将view添加在cell上导致的。 原来代码 self.addSubview(self.conllectionView) 后来改为 self.contentView.addSubview(self.conllectionView) ...
React Native TouchableOpacity 封装 防止快速点击 多次响应
xxlyzgt的博客
07-12 3809
不耽误干活，直接上代码，功能比较简单，具体延时时间自己定，还需要啥功能自己改进一下。   import React,{ Component } from "react"; import {TouchableOpacity, View} from "react-native"; class Button extends React.Component<ButtonProps, any&...
css设置position:absolute绝对定位后，点击事件不起作用
M__O__M的博客
12-19 3443
css设置position:absolute绝对定位后，点击事件不起作用
react-native ios TouchableOpacity 点击事件无法触发
最新发布
new_gorilla的博客
05-29 149
ios上TouchableOpacity 组件的onpress方法无法触发，安卓正常。替换成Pressable正常。大小也正常。
解决IOS点击事件无效问题
qq_42538872的博客
09-24 1166
在点击对象的CSS属性里面加入 cursor:pointer; 即可
react native (RN) TouchableOpacity用法总结
涂涂
07-20 9916
本组件用于封装视图，使其可以正确响应触摸操作。当按下的时候，封装的视图的不透明度会降低。这个过程并不会真正改变视图层级，大部分情况下很容易添加到应用中而不会带来一些奇怪的副作用。（译注：此组件与TouchableHighlight的区别在于并没有额外的颜色变化，更适于一般场景） 例子： <TouchableOpacity style={styles.touch} onPre...
react-native当点击TouchableOpacity时，要点击两下才会触发onPress解决办法
u013751625的博客
10-17 8515
最近在开发项目的时候遇到了，一个TouchableOpacity必须点击两次才能激活onPress的情况，经过排查发现是因为TextInput要先失去焦点才能在让TouchableOpacity执行onPress只好将TouchableOpacity放在scrollview上面了
TouchableOpacity使用
liu__000的专栏
10-25 6569
直接上代码： import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity } from 'react-native'; export default class touch extends C
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值