react-native - 按住 textInput 时 react native 滚动不起作用

Question

我有带有注册表单的安卓应用程序。它的代码:

<View style={{flex:1}}>
    <ScrollView style={{flex:1, backgroundColor='#ffffff'}}>
        <More components...>
        <TextInput style={styles.inputText} 
                   value={this.state.mail}
                   placeholder="Email"
                   onChangeText={(text)=>this.setState.(mail:text)}/>
        <TextInput style={styles.inputText} 
                   value={this.state.fName}
                   placeholder="First name"
                   onChangeText={(text)=>this.setState.(fName:text)}/>
        <TextInput style={styles.inputText} 
                   value={this.state.sName}
                   placeholder="Second name"
                   onChangeText={(text)=>this.setState.(sName:text)}/>
        <More components...>
    </ScrollView>
</View>

但是当用户按住 TextInput 并开始滚动时， View 不会滚动。在其他控件中，滚动效果很好。

Answer 1

<ScrollView style={{flex:1, backgroundColor='#ffffff'}}>
<View style={{flex:1}}>    
    <More components...>
    <TextInput style={styles.inputText} 
               value={this.state.mail}
               placeholder="Email"
               onChangeText={(text)=>this.setState.(mail:text)}/>
    <TextInput style={styles.inputText} 
               value={this.state.fName}
               placeholder="First name"
               onChangeText={(text)=>this.setState.(fName:text)}/>
    <TextInput style={styles.inputText} 
               value={this.state.sName}
               placeholder="Second name"
               onChangeText={(text)=>this.setState.(sName:text)}/>
    <More components...>

滚动元素必须包含一个 View