记一次TouchableOpacity无法点击的排查

最新推荐文章于 2022-12-19 15:17:58 发布
最新推荐文章于 2022-12-19 15:17:58 发布
阅读量2.7k 收藏
点赞数
分类专栏： 错误记载 文章标签： 网络 tcp/ip 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34823218/article/details/121491384
版权

问题描述

react-native源码

android手机一直没什么问题

ios点击按钮没有反应

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

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

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

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

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

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

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

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

大白熊_BlankBear
关注
专栏目录
记一次django内存异常排查及解决方法
09-16
本文作者分享了一次处理此类问题的经验。 首先，当遇到Django应用的内存问题时，我们需要了解内存异常的一般来源。通常，内存异常是由于代码中存在内存泄漏、过度使用内存或数据结构管理不当造成的。在Python中，...
一次OOM问题排查过程实战记录
08-26
* 为什么 Tomcat 就会一次性分配这么大的 buffer 呢？ * 为什么会有那么多的 Tomcat 线程？ 通过进一步的分析，我们可以确定这些问题的答案。 六、结论 在本次 OOM 问题排查中，我们通过分析 Histogram、byte ...
TouchableOpacity点击失效
kalinux的博客
03-23 6609
按钮组件有时候会失效，点击没有反应，根据反复测试，发现是因为超出了父级的区域。 比如按钮包含在组件里面，view设定的高度是100px，但是上面还有一个元素，这个元素的高度是101px，于是就把挤到外面了，这个时候点击按钮就会无效。 ...
React Native 小记 - TouchableOpacity 单次点击无效
weixin_34220834的博客
10-23 1230
一般是焦点问题，解决方法：即在 ScrollView 标签内，根据情况设置其 keyboardShouldPersistTaps 属性值为 always 或者 handled 。详细解决过程如下： 0x00 描述 收到测试人员提交的 Bug：帐号密码输入完毕按返回键关闭键盘后，点击登录没反应，再点一次才执行登录操作。网上类似的情况还有 “当点击 TouchableOpacity 时，要点击两下才会...
RN TouchableOpacity点击事件不响应原因详解
https://www.xiaohongshu.com/user/profile/5f3543150000000001002b2e
12-20 3053
问题 首先是整个页面布局如上： 在实际开发中发现 如下红框中的所有区域点击事件均没有效果，不会触发 问题定位 RN基本触摸组件尝试 TouchableHighlight、TouchableNativeFeedback、 TouchableOpacity 、 TouchableWithoutFeedback onPressIn：点击开始； onPressOut：点击结束或者离开； onPress：单击事件回调； onLongPress：长按事件回调。 以上触摸事件无论怎么尝试在红框区域
React Native设置 TouchableOpacity 禁用
mingxiangzhimin的博客
10-26 3192
设置按钮 禁止点击 https://www.jianshu.com/p/99cd45336849
React Native中TouchableHighlight和TouchableOpacity无法获取焦点问题的解决
冰咖啡的专栏
06-15 608
React Native中TouchableHighlight和TouchableOpacity无法获取焦点问题的解决
记一次tomcat进程cpu占用过高的问题排查记录
01-20
本文主要记录一次tomcat进程，因TCP连接过多导致CPU占用过高的问题排查记录。 问题描述 linux系统下，一个tomcat web服务的cpu占用率非常高，top显示结果超过200%。请求无法响应。反复重启依然同一个现象。 问题...
iOS14系统下按钮点击没有反应
yuanpeng1014的博客
10-22 2816
最近许多苹果用户已经陆续升级iOS14系统，随之问题反馈也越来越多，简单记录下按钮点击没有反应。 之前许多小伙伴可能会直接把按钮添加到tableview的cell上，类似：[self addsubviews:btn]; iOS14系统下会造成这类按钮无法点击。 原因是：cell中contentview改为了懒加载，如果没有.contentview的方法，按钮会被contentview覆盖。也是就是按钮会比contentview提前创建并添加到cell上。 所以以后有类似习惯的小伙伴尽量把控件添加到c
IOS14 部分点击事件失效的解决办法
weixin_42362496的博客
11-21 1419
今天新到的M1处理器新mac 默认模拟器是IOS 14 之前做的APP，部分点击功能都失效了，后来 发现是由于直接将view添加在cell上导致的。 原来代码 self.addSubview(self.conllectionView) 后来改为 self.contentView.addSubview(self.conllectionView) ...
React Native TouchableOpacity 封装 防止快速点击 多次响应
xxlyzgt的博客
07-12 3726
不耽误干活，直接上代码，功能比较简单，具体延时时间自己定，还需要啥功能自己改进一下。   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 3090
css设置position:absolute绝对定位后，点击事件不起作用
解决IOS点击事件无效问题
qq_42538872的博客
09-24 1116
在点击对象的CSS属性里面加入 cursor:pointer; 即可
react native (RN) TouchableOpacity用法总结
涂涂
07-20 9595
本组件用于封装视图，使其可以正确响应触摸操作。当按下的时候，封装的视图的不透明度会降低。这个过程并不会真正改变视图层级，大部分情况下很容易添加到应用中而不会带来一些奇怪的副作用。（译注：此组件与TouchableHighlight的区别在于并没有额外的颜色变化，更适于一般场景） 例子： <TouchableOpacity style={styles.touch} onPre...
react-native当点击TouchableOpacity时，要点击两下才会触发onPress解决办法
u013751625的博客
10-17 8383
最近在开发项目的时候遇到了，一个TouchableOpacity必须点击两次才能激活onPress的情况，经过排查发现是因为TextInput要先失去焦点才能在让TouchableOpacity执行onPress只好将TouchableOpacity放在scrollview上面了
TouchableHighlight之坑 没有onPress方法不起作用
suyie007的博客
04-27 4331
TouchableHighlight 没有onPress方法不起作用 TouchableHighlight 用于产生高亮效果，当按下被该标签包裹的元素时，该元素透明度会变低，从而露出下面的元素的颜色，看下官方的例子： renderButton: function() {   return (     TouchableHighlightonPress={this._onPressButto
Touchable系列的坑
吴蕴强的博客
09-11 2707
1：TouchableOpacity： 只能显示透明度的变化，不用设置点击事件就可以显示， 这个过程并不会真正改变视图层级，大部分情况下很容易添加到应用中而不会带来一些奇怪的副作用 2：touchablehighlight： 除了透明度以外还可以显示其他颜色，但是必须设置点击事件才能正确显示按下的颜色。 3：touchableWithoutFeedback
TouchableOpacity使用
liu__000的专栏
10-25 6510
直接上代码： import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity } from 'react-native'; export default class touch extends C
TouchableOpacity
韩万杰的博客
03-27 1544
import React,{Component} from 'react'; import { AppRegistry, StyleSheet, Text, View, TouchableOpacity, AlertIOS, } from 'react-native';class test1 extends Component{ state =
记一次spark sql问题排查的经历
最新发布
03-16
我记得有一次在使用Spark SQL时，遇到了一个查询结果不正确的问题。我首先检查了数据源和查询语句，发现没有问题。然后我开始检查Spark SQL的执行计划，发现其中一个阶段的任务数比其他阶段的任务数要少。经过进一步...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值