在本机 TextInput 框中显示一行，如何将其删除

Question

我的 React-native APP 我制作了一个输入框，但我在输入框中得到了一行...我该如何删除它？

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

风格：

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',
    },

请查看我的图片以获取更多降神会：

Answer 1

默认带有下划线，如果需要删除则使用：underlineColorAndroid='transparent'。另请查看 documentation 以获取更多信息。

在本机 TextInput 框中显示一行，如何将其删除

In react-native TextInput box show a line, how to removed it

textinput

reactjs

react-native