Question

我不确定为什么，但是在使用<TextInput>组件时，我无法使用标准style={{color: '#HEX'}}来更改输入文本的颜色。

这里是一个例子：

          <TextInput
            style={{
              backgroundColor: 'transparent',
              color: '#fff',
              borderBottomWidth: 0,
            }}
            keyboardAppearance={'dark'}
            keyboardType={'numeric'}
            selectionColor='#fff'
            underlineColor="rgba(0,0,0,0)"
            underlineColorAndroid="rgba(0,0,0,0)"

            placeholderTextColor="#fff"

          />

还有一个非常烦人的紫色下划线，我似乎无法摆脱。我需要为此使用某种特殊属性吗？

Answer 1

对于文本颜色，请尝试使用此theme={{ colors: { text: '#fff' } }}；对于下划线，请尝试autoCorrect={false}

代码


<TextInput
   theme={{ colors: { text: '#fff' } }}
   autoCorrect={false}
  />

React Native：无法更改<TextInput>组件中的文本颜色

1 个答案: