Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 오블완
- nuxt
- 티스토리챌린지
- JavaScript
- kotlin
- toml
- 파이썬
- TypeScript
- EC2
- 코테
- 오퍼월
- Express
- nginx
- chrome
- AWS
- spring boots
- it
- React
- Next
- 광고 id
- 코딩테스트
- Jenkins
- 백준
- react-native
- NanoHttpd
- 개발
- Android
- docker
- python
- css
Archives
- Today
- Total
내맘대로 개발일지
[RN] Input 사용하기 본문
📱테스트 환경
"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 |