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

Posted 2023-04-18

【中文标题】React Native：滚动视图在文本框外单击

【英文标题】：React Native: Scrollview click outside of Textbox

【发布时间】：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> 
   );
  
)

【问题讨论】：

***.com/questions/34290787/…

【参考方案1】：

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

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

【讨论】：

感谢您拯救我的一天 :)

这是一个非常好的答案。

谢谢侯赛因，我遇到了这个问题，这个答案解决了。