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

Question

我无法设法更改TextInput的样式React Native当secureTextEntry prop设置为true时。此外，默认样式的输入更改，我明白这是由于Android本机行为。下面的代码不会更改样式，除非我未设置secureTextEntry。

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

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

修订

好像下面PR将解决这个问题：

PR Link

Answer 1

这是一个众所周知的问题RN。你可以追踪它here。除非您提交公关，否则我认为我们必须等待该功能出现。

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 one的复制粘贴，添加了上面PR中的修复。