ProgramingTip

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

bestdevel 2020. 12. 2. 21:41
반응형

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


사용자가 입력 한 실제 텍스트를 표시하는 대신 텍스트를 입력 할 때 ...를 포함하고 싶은 TextInput이 있습니다. 이를 수행하는 가장 좋은 방법은 무엇입니까?

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

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

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

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

심판


2018 년 5 월 반응 버전 0.55.2

secureTextEntry = {true} 작동

password = {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 password={true} style={styles.default} value="abc" />

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


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>

secureTextEntry={true}

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

참고 URL : https://stackoverflow.com/questions/29337444/how-do-you-style-a-textinput-in-react-native-for-password-input

반응형