TextInput 不需要的下划线

Question

我正在开发一个包含一些文本字段 (textInput) 的项目。我在这里遇到了 textInput 字段的问题。当我在 textInput 字段中键入时，文本有一条下划线，当我点击 space 时它会变得更暗，我想从中删除该下划线。

截图如下：

这是我的代码：

<TextInput
  style={Style.InputStyle}
  multiline={true}
  placeholderTextColor={'#DC1938'}
  placeholder={'Name'}
  spellCheck={false}
  underlineColorAndroid='rgba(255,0,0,0.3)'
  inlineImageLeft='userred'
  inlineImagePadding={25}
  padding={15}
/>

Answer 1

尝试跟随道具。

spellCheck={false}
autoCorrect={false}

请参考以下link：

disable spellcheck in react-native TextInput

Answer 2

使用underlineColorAndroid道具

<TextInput underlineColorAndroid='transparent'
       placeholder="type here ..">
   This is some text you want to render
</TextInput>

可以找到发生这种情况的解释 here。

Answer 3

大家好，我找到了答案，那就是自动更正道具。我禁用了它，是的，它起作用了！

TextInput 不需要的下划线

TextInput unwanted Underline

underline

textinput

react-native