[React Native] 키보드에 숫자만 입력되게 하기

kjh1551·2020년 8월 13일
0

React Native

목록 보기
3/4
post-thumbnail

핀 번호 입력이나 가격 입력 같은 경우, 오로지 숫자만 들어가야 한다.
일반 키보드를 띄워서 숫자가 아닌 문자가 검증해야하나 고민도 했다 ㅎㅎ;;
간단하게 생각해보면, 그냥 키보드에 숫자만 있으면 되는것 아닌가?

TextInput 태그에다가 어떤 keyboardType을 지정해주면 된다.
우린 숫자패드를 입력해줄거니까, 써주면 된다.
물론 숫자패드 말고도 이메일, 비밀번호도 가능하니까 링크 참고 !

keyboardType="number-pad"

<TextInput
		style={styles.input}
       		onChangeText={(transPoint) => 
        		this.setState({transPoint})}
                value={this.state.transPoint}
                maxLength={10}
                returnKeyType="done"
                keyboardType="number-pad"
                 
/>

0개의 댓글