비밀번호 입력을 위해 React Native에서 TextInput 스타일을 어떻게 지정합니까?

TextInput이 있습니다. 입력 한 실제 텍스트를 표시하는 대신 사용자가 텍스트를 입력 할 때 별표 (****)를 표시하고 싶습니다. 어떻게 할 수 있습니까?

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

이것이 요청되었을 때 기본적으로 할 수있는 방법이 없었지만, 이 풀 리퀘스트 에 따라 다음 동기화에서 추가 될 것 입니다. 다음은 pull 요청에 대한 마지막 댓글입니다. "내부적으로 방문, 다음 동기화에 나옵니다."

추가되면 다음과 같이 할 수 있습니다.

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

심판

2018 년 5 월 반응 네이티브 버전 0.55.2

secureTextEntry = {true} 작동

password = {true}가 작동하지 않습니다.

아래 줄을 <TextInput>

secureTextEntry={true}

나는 추가해야했다 :

secureTextEntry={true}

와 함께

password={true}

0.55 기준

더하다

secureTextEntry={true}

아니면 그냥

secureTextEntry 

TextInput의 속성.

작업 예 :

<TextInput style={styles.input}
           placeholder="Password"
           placeholderTextColor="#9a73ef"
           returnKeyType='go'
           secureTextEntry
           autoCorrect={false}
/>

TextInput에는 secureTextEntry = {true}가 포함되어야합니다. React 문서에는 multiline = {true}를 동시에 사용해서는 안된다고 명시되어 있습니다. 해당 조합이 지원되지 않기 때문입니다.

또한 textContentType = { 'password'}를 설정하여 필드가 모바일에 저장된 키 체인에서 자격 증명을 검색하도록 할 수 있습니다. 모바일에 생체 인식 입력이있는 경우 자격 증명을 입력하는 다른 방법으로 자격 증명을 빠르게 삽입 할 수 있습니다. iPhone X의 FaceId 또는 다른 iPhone 모델 및 Android의 지문 터치 입력과 같은.

 <TextInput value={this.state.password} textContentType={'password'} multiline={false} secureTextEntry={true} onChangeText={(text) => { this._savePassword(text); this.setState({ password: text }); }} style={styles.input} placeholder='Github password' />

약간의 플러스 :

version = RN 0.57.7

secureTextEntry={true}

(가) 때 작동하지 않습니다 keyboardType이었다 "phone-pad"또는"email-address"

다음과 같이 공식 사이트에서 예제와 샘플 코드를 얻을 수 있습니다.

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

참조 : http://facebook.github.io/react-native/docs/textinput.html

0.56RC secureTextEntry = {true} password = {true}와 함께 사용하고 있으며 @NicholasByDesign에서 언급 한 대로만 작동합니다.