react-native - パスワード入力用に反応ネイティブでTextInputをどのようにスタイルしますか

Question

私はTextInputを持っています。入力した実際のテキストを表示する代わりに、ユーザーがテキストを****入力すると、パスワードを入力するときにアプリで通常表示されるパスワードのドット/アスタリスク () を表示したい。これどうやってするの？

<TextInput
  style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
  onChangeText={(text) => this.setState({input: text})}
/>

Answer 1

これが尋ねられたとき、それをネイティブで行う方法はありませんでしたが、これはこのプル リクエストに従って次の同期で追加されます。プル リクエストに関する最後のコメントは次のとおりです。

追加されると、このようなことができるようになります

<TextInput secureTextEntry={true} style={styles.default} value="abc" />

参考文献

Answer 2

次のように、公式サイトで例とサンプル コードを取得できます。

<TextInput password={true} style={styles.default} value="abc" />

参照: http://facebook.github.io/react-native/docs/textinput.html

Answer 3

追加secureTextEntry={true}しても機能しない場合は、プロップを確認してくださいmultiline={true}。true の場合はsecureTextEntry機能しないためです。