Javascript/React-Native

[RN] Input 사용하기

eulBlue 2024. 10. 14. 17:48

📱테스트 환경

"react": "18.2.0"
"react-native": "0.74.2"

React 와 React-Native 가 같다고 하니

Input 도 당연히 <Input /> 이렇게 쓰려고 하니 당연히 안됐고 ^^ ..

React Native 에서 Input 을 사용하는 방법은 다음과 같다.

import { TextInput } from 'react-native';

<TextInput
    keyboardType={'numeric'}
    style={styles.input}
    maxLength={10}
    value={year}
    onChangeText={v => setYear(v)}
/>

특이점은 Input 의 type 처럼

keyboardType 을 통해 키보드 타입을 선택할 수 있다.

나머지는 React 와 동일하다.

'Javascript > React-Native' 카테고리의 다른 글

[RN] 스크린 이동하기  (0) 2024.10.14
[RN] Button 만들기  (0) 2024.10.14
[RN] Alert 사용하는 방법  (0) 2024.10.14
[RN] React Native Admob 설치  (2) 2024.09.24
[RN] IOS Simulator Error  (1) 2024.09.09