암호 입력을 위해 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에서 한 대로만 작동합니다.
'ProgramingTip' 카테고리의 다른 글
JavaScript의 속성 값을 배열로 선택해야합니까? (0) | 2020.12.02 |
---|---|
MotionEvent.ACTION_UP이 호출되지 않을 것입니다. (0) | 2020.12.02 |
목록에없는 요소 찾기 (0) | 2020.12.02 |
AngularJS 필터를 사용하여 선행 0을 갖도록 숫자를 형식화 지불해야합니까? (0) | 2020.12.02 |
Android : 두 번 탭을 감지하는 방법? (0) | 2020.12.02 |