[React Native坑]ScrollView中嵌套Inpu

现象

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

资料

react native ScrollView 使用详解

ScrollView 属性

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

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

快速解决办法

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

深入了解