In react-native TextInput Box zeige eine Zeile, wie man es entfernt

Question

MY React-native APP Ich mache ein Eingabefeld, aber ich bekomme eine Zeile im Eingabefeld ... Wie kann ich es entfernen?

<View style={styles.inputContainer}> 
    <TextInput style={styles.input} onChangeText={(text) => this.setState({editTodoVal: text})} value={this.state.editTodoVal}/> 
</View> 

Stil:

inputContainer: { 
     marginTop: 5, 
     padding: 10, 
     flexDirection: 'row' 
    }, 
input: { 
     height: 40, 
     padding: 4, 
     marginRight: 5, 
     flex: 6, 
     fontSize: 18, 
     borderWidth: 1, 
     borderColor: '#fff', 
     backgroundColor: '#fff', 
     borderRadius: 1, 
     color: '#000', 
    }, 

Bitte überprüfen Sie meine Bilder für mehr Seance:

Answer 1

standardmäßig mit Unterstrichen kommt, wenn Sie verwenden entfernen müssen dann: underlineColorAndroid='transparent' . Überprüfen Sie auch documentation für weitere Informationen.