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