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

Question

当TextInput道具设置为true时，我无法在 React Native 中更改secureTextEntry的样式。此外，默认的输入样式更改，我理解这是由于Android本机行为。除非我取消secureTextEntry。

，否则以下代码不会更改样式

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

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

已更新

似乎以下PR将解决问题：

PR Link

Answer 1

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 2

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

Answer 3

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