React Native TextInput not scroll in ScrollView

Question

I write a code like this:

<View style={{flex:1}}>
    <ScrollView style={{flex:1, backgroundColor='#ffffff'}}>
        <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)}/>
    </ScrollView>
</View>

but when i drag start in TextInput does not scroll! i drag like this picture: enter image description here but not scroll...

Try by adding 3 more TextInput – Rahman Haroon Aug 08 '21 at 13:00 — Rahman Haroon, Aug 08 '21 at 13:00
Remove the flex:1 from scrollview. – Nitin Sidhu Aug 08 '21 at 17:12 — Nitin Sidhu, Aug 08 '21 at 17:12

score 2 · Accepted Answer · answered Aug 16 '21 at 15:15

2

Problem solved. I just add this props to TextInput Components:

multiline={true}
numberOfLines={1}

answered Aug 16 '21 at 15:15

Sajad Speed

403
2
14

React Native TextInput not scroll in ScrollView

1 Answers1