如何在React-native中设置密码文本输入的样式

Question

当TextInput prop设置为true时，我无法改变React Native中secureTextEntry的样式。此外，默认的输入样式更改，我理解这是由于Android本机行为。除非我取消设置secureTextEntry，否则以下代码不会更改样式。

<TextInput secureTextEntry={true} style={{color: "white"}}/>

我有一个登录表单，具有不同的电子邮件输入和密码输入样式是令人不安的。有谁知道如何解决这一问题？

更新

似乎以下PR将解决问题：

Answer 1

这是一个已知的RN问题。你可以跟踪它here。除非您提交PR，否则我认为我们必须等待该功能的到来。

Answer 2

This PR现已合并修复它，它可能应该落在0.23。

如果像我一样，你不想等待它，或者不能轻易升级，你可以使用我创建的this module，如this blog post中所述。

基本上，安装模块：

npm install --save react-native-text-input

将其链接到您的本机代码：我强烈建议使用RNPM链接本机模块：

npm install -g rnpm
rnpm link react-native-text-input

现在你可以替换：

import { TextInput } from 'react-native';

通过：

import TextInput from 'react-native-text-input';

和tadaaaaa！你的输入现在是白色的:)

来自此模块的TextInput实际上是来自默认React Native的复制粘贴，并添加了上面PR中的修复。

Answer 3

<TextInput
          placeholder={'Environment'}
          placeholderTextColor="#202020"
          secureTextEntry={true}
        />