记一次TouchableOpacity无法点击的排查

问题描述

react-native源码

android手机一直没什么问题

ios点击按钮没有反应

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

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

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/qq_34823218/article/details/121491384
今日推荐