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>

React-Native Text输入可防止滚动

1 个答案: