반응형
✔️ 필요성
iOS 시뮬레이터로 개발하다보면 디바이스를 변경하면서 각 디바이스에서 어떻게 보여질 지 확인해야하는 상황이 자주 생깁니다.
제 iOS 시뮬레이터에서는 기본 디바이스가 iPhone 12로 되어있는데요. 보다 작은 화면인 iPhone 13 mini에서 UI를 확인해보고 싶습니다.
✔️ 문제 해결
//기존
npm run ios
//수정
npm run ios --simulator="iPhone 13 mini"
✔️ 참고
iOS 디바이스 이름을 참고하세요~
npx react-native run-ios --simulator="iPhone 8"
npx react-native run-ios --simulator="iPhone 8 Plus"
npx react-native run-ios --simulator="iPhone 11"
npx react-native run-ios --simulator="iPhone 11 Pro"
npx react-native run-ios --simulator="iPhone 11 Pro Max"
npx react-native run-ios --simulator="iPhone SE (2nd generation)"
npx react-native run-ios --simulator="iPhone 12 mini"
npx react-native run-ios --simulator="iPhone 12"
npx react-native run-ios --simulator="iPhone 12 Pro"
npx react-native run-ios --simulator="iPhone 12 Pro Max"
npx react-native run-ios --simulator="iPhone 13 Pro"
npx react-native run-ios --simulator="iPhone 13 Pro Max"
npx react-native run-ios --simulator="iPhone 13 mini"
npx react-native run-ios --simulator="iPhone 13"
npx react-native run-ios --simulator="iPod touch (7th generation)"
npx react-native run-ios --simulator="iPad Pro (9.7-inch)"
npx react-native run-ios --simulator="iPad (9th generation)"
npx react-native run-ios --simulator="iPad Air (4th generation)"
npx react-native run-ios --simulator="iPad Pro (11-inch) (3rd generation)"
npx react-native run-ios --simulator="iPad Pro (12.9-inch) (5th generation)"
npx react-native run-ios --simulator="iPad mini (6th generation)"
반응형
'프론트엔드 앱 > React-native' 카테고리의 다른 글
| 상단 Navigation Header 뒤로가기 깔끔하게 만들기 (0) | 2022.01.04 |
|---|---|
| MS AppCenter 세상 간단한 배포 Code Push (0) | 2022.01.03 |
| [에러해결] Failed to delete storage directory (0) | 2021.12.21 |
| iOS 시뮬레이터 위경도 설정하기 (0) | 2021.12.21 |
| [자동완성검색] UI-Kitten Autocomplete 사용하기 / 응용편 (0) | 2021.12.18 |