1. ホーム
  2. react-native

[解決済み] react nativeでパスワード入力用のTextInputをスタイルする方法

2022-04-28 22:04:11

質問

私はTextInputを持っています。ユーザーがテキストを入力すると、実際に入力されたテキストを表示するのではなく、パスワードのドット/アスタリスク ( **** )を入力するときに、アプリで一般的に表示されます。どうすればよいでしょうか?

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

解決方法は?

この質問を受けた時点では、ネイティブにこれを行う方法はありませんでしたが、次の同期で追加される予定です。 これ プルリクエストを行いました。 プルリクエストの最後のコメント - "Landed internally, will be out on the next sync"

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

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

レフ