Question

我有一个ScrollView到TextInput控件。

<ScrollView contentContainerStyle={styles.container}>
    <TextInput style={styles.input}/>
    <TextInput style={styles.input}/>
</ScrollView>

单击TextInput时，键盘将按预期显示。如果我在View区域中的TextInput外部单击，键盘应该会立即消失。另外，我点击另一个TextInput，键盘应保留在屏幕上。当从一个TextInput移动到屏幕上的另一个TextInput时，它需要两次点击或点击。

这与另一个StackOverflow question类似。当我在问题中实现答案时，点击ScrollView时键盘不会消失。

可以找到RNPlay here。

Answer 1

使用keyboardShouldPersistTaps上的ScrollView应该会在点击其他TextInput时删除解雇行为

<ScrollView contentContainerStyle={styles.container} 
            keyboardShouldPersistTaps ={true}>
  <TextInput style={styles.input}/>
  <TextInput style={styles.input}/>
</ScrollView>

但是在TextInput

之外点击时，它会禁用键盘解雇行为

考虑在ScrollView上添加点击监听器，当检测到点击时使用react-native-dismiss-keyboard模块隐藏键盘

在ScrollView中从一个TextInput点击到另一个TextInput不应该忽略键盘

1 个答案: