React Native：滚动视图在文本框外单击答案

【问题标题】：React Native: Scrollview click outside of TextboxReact Native：滚动视图在文本框外单击
【发布时间】：2016-03-08 05:23:40
【问题描述】：

我遇到了以下问题：我有一个包含两个文本框和一个文本按钮的视图。我在文本框中输入一些内容并单击文本按钮，我必须单击两次才能真正起作用。如果我用 View 替换 Scrollview 就可以了。有解决办法吗？

var TestScreen = React.createClass({
  render: function() {
    var self = this;
   return (
     <ScrollView>
       <TextInput
      placeholder='test' 
       style = {{
         height: 50, 
          backgroundColor: 'green',
       }} />
      <TextInput
      placeholder='test' 
       style = {{
         height: 50, 
          backgroundColor: 'blue',
       }} />
       <Text onPress={() => alert('click')} style = {{
       backgroundColor: 'orange', 
       }} > Text </Text>
     </ScrollView> 
   );
  }
})

【问题讨论】：

stackoverflow.com/questions/34290787/…

标签： react-native

【解决方案1】：

您是否尝试将 keyboardShouldPersistTaps='handled' 添加到 ScrollView 道具？

<ScrollView keyboardShouldPersistTaps='handled'>  
   ...
</ScrollView>

【讨论】：

感谢您拯救我的一天 :)
这是一个非常好的答案。
谢谢侯赛因，我遇到了这个问题，这个答案解决了。