如何在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中的修復。