Question

我在ScrollView里面有ScrollView，我有TextInputs，滚动在TextInput区域不起作用。如何解决？

render () {
return (
<View>
    <ScrollView
    ref='keyboardScroll'
    keyboardShouldPersistTaps={true}
    >
    <View> 
    <TextInput 
    placeholder='First Name'
    />
    </View>
    <View> 
    <TextInput 
    placeholder='Last Name'
    />
    </View>
    <ScrollView>
</View>
)}

以下是问题的video。

Answer 1

我找到了那个问题的解决方案。主要问题是TextInput字段的文本字体大小太大，导致TextInput内部滚动，因此有两种解决方案：1）减小字体大小2）使TextInput字段的高度更大。此解决方案也解决了另一个问题：Placeholders in TextInput are moving during the scroll

Answer 2

我在Android上遇到了同样的问题，其中占位符只是上下一点滚动，阻止了ScrollView滚动。我设法通过在TextInput上添加以下样式来解决此问题：

paddingTop: 0,
paddingBottom: 0,
paddingLeft: <whatever>,
paddingRight: <whatever>

当有TextInputs时，无法在ScrollView内滚动

2 个答案: