如何禁用文本输入中文本下的行 android react native

Question

我正在尝试在 react-native(android) 中呈现文本输入，它下面有一行是从borderBottomWidth属性中获取的，当我输入时，出现了两行看起来不太好并且无法删除它我尝试给出underlineColorAndroid='transparent'但是没用

import * as React from 'react';
import { Text, View, StyleSheet,TextInput } from 'react-native';
import Constants from 'expo-constants';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <TextInput
          autoCapitalize='none'
          autoCorrect={false}
          underlineColorAndroid='rgba(0,0,0,0)'
          style={styles.textInput}
         />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#000',
    padding: 8,
  },
  textInput: {
    paddingVertical: 0,
    marginHorizontal: 10,
    textAlign: 'center',
    height: 18,
    fontSize: 14,
    alignSelf: 'flex-start',
    borderStyle: 'solid',
    borderWidth:0,
    borderBottomWidth: 1,
    color: '#1ac9e8',
    minWidth: 48,
    borderColor: '#1ac9e8',
    fontFamily: 'Monaco'
  }
});

https://snack.expo.io/rylmazFSH

任何解决方法？

Answer 1

添加 autoCorrect={false} 应该删除下划线，但在某些 android 设备中它不会像此链接中描述的那样工作

试试这个它正在工作

autoCorrect={false}
keyboardType="visible-password"

小吃链接：https : //snack.expo.io/@mehran.khan/underline-android