React-Native 文本输入阻止滚动

Question

我已经用单行 TextInput 反应本机屏幕：

<ScrollView>
    ...
    <TextInput />
    ...
</ScrollView>

当我尝试滚动屏幕​​并且我的初始点击落在 TextInput 上时，屏幕滚动不起作用。它几乎尝试在 TextInput 内滚动，但没有任何内容可以滚动。文本输入如下所示：

<TextInput
    style={{...styles.rowInput, color: theme.textColor}}
    onChangeText={(text) => this.setState({name: text})}
    selectTextOnFocus={false}
    autoCapitalize="words"
    numberOfLines={1}
    underlineColorAndroid="transparent"
    autoCorrect={false}
    placeholder="Enter Your Name"
    placeholderTextColor={borderColor}
    maxLength={24} />

有什么想法为什么会发生吗？

Answer 1

它与相关ScrollView，您可以通过设置keyboardShouldPersistTaps为“已处理”来解决此问题。尝试这个..

<ScrollView
    keyboardShouldPersistTaps={'handled'}>
        ...
        <TextInput />
        ...
</ScrollView>