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
- AWS
- kotlin
- EC2
- React
- 티스토리챌린지
- Express
- 광고 id
- Jenkins
- spring boots
- react-native
- TypeScript
- NanoHttpd
- 개발
- docker
- 코테
- Next
- JavaScript
- 오퍼월
- 코딩테스트
- Android
- python
- 오블완
- nuxt
- toml
- it
- 백준
- 파이썬
- nginx
- css
- chrome
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 |