[React Native坑]ScrollView中嵌套InputText,Touchable组件不响应

现象

ScrollView中嵌套InputText,当焦点在InputText上时Touchable组件不响应点击事件。

资料

react native ScrollView 使用详解

ScrollView 属性

keyboardShouldPersistTaps: 如果当前界面有软键盘,那么点击scrollview后是否收起键盘

never(默认值):点击TextInput以外的子组件会使当前的软键盘收起。此时子元素不会收到点击事件。 
always:键盘不会自动收起,ScrollView也不会捕捉点击事件,但子组件可以捕获。 
handled:当点击事件被子组件捕获时,键盘不会自动收起。这样切换TextInput时键盘可以保持状态。多数带有TextInput的情况下你应该选择此项。 
false:已过期,请使用’never’代替。 
true:已过期,请使用’always’代替。

快速解决办法

给ScrollView 设置keyboardShouldPersistTaps属性为handled即可。

深入了解

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容