Android / iOS Icon & Splash Image Size 정리
* Android
| Icon | Splash (Portrait) |
LDPI |
36 x 36 |
200 x 320 |
MDPI |
48 x 48 |
320 x 480 |
HDPI |
72 x 72 |
480 x 800 |
XHDPI |
96 x 96 |
720 x 1280 |
XXHDPI |
144 x 144 |
960 x 1600 |
XXXHDPI | 192 x 192 | 1280 x 1920 |
Store | 512 x 512 |
|
* iOS
|
Icon | Splash (Portrait) |
iPhone 4 이하 | 120 x 120 (@2x, Required) 180 x 180 (@3x) | 320 x 480 |
iPhone 4S |
640 x 960 |
|
iPhone 5/5S/SE |
640 x 1136 |
|
iPhone 6/7/8 |
750 x 1334 |
|
iPhone 6/7/8 Plus |
1242 x 2208 |
|
iPhone X | 1125 X 2436 | |
iPad |
76 x 76 |
768 x 1024 |
iPad Retina |
152 x 152 (@2x, Required) |
1536 x 2048 |
iPad 9.7" | ||
iPad mini 4 7.9" | ||
iPad Pro 10.5" | 167 X 167 (@3x) | 1668 X 2224 |
iPad Pro 12.9" |
2048 x 2732 |
|
App Store | 1024 X 1024 |
|
https://developer.apple.com/library/content/qa/qa1686/_index.html
* 앱 아이콘 생성
'Programing' 카테고리의 다른 글
| CRC32 계산 (0) | 2020.11.18 |
|---|---|
| [Eclipse] Big sur 업데이트 후 이클립스 실행 오류 (0) | 2020.11.16 |
| SSH로 파일 다운로드 (0) | 2015.01.26 |
| 유니티에서 소프트 키 숨기기 (2) | 2014.10.26 |
| git에서 cache 제거하기 (0) | 2014.10.02 |
[React Native] Androidd에서 GIF 이미지 출력하기
React Native 에서 GIF 이미지를 출력할때 일반 이미지 출력과 동일하게 Image를 이용하여 출력을 하면 됩니다.
<Image source={require('이미지 경로(local)')} />
<Image source={{url : '이미지 경로(web)'}} />
이렇게 넣었는데 화면에 공간만 차지하고 이미지가 나오지 않는 문제가 있습니다.
이 때 android/app/src/build.gradle 파일에 아래 내용을 추가 해주어야 합니다.
dependencies {
..................
compile "com.facebook.fresco:animated-gif:0.10.0"
..................
}
그리고 다시 build를 하면 정상적으로 출력되는 이미지를 확인 할 수 있습니다.
'Programing > ReactNative' 카테고리의 다른 글
| [React Native-Android] Could not resolve all dependencies for configuration ':*** :_debugCompile'. (0) | 2017.06.26 |
|---|---|
| [React Native - iOS] Apple Mach-O Linker failure (0) | 2017.01.24 |
| [React Native] Multiple dex files define (0) | 2016.08.25 |
| [React Native] 특정 버전으로 Project 초기화하기 (0) | 2016.07.31 |
| [React Native] Android에서 Wifi AP 검색 (0) | 2016.07.20 |
[React Native] Android에서 Wifi AP 검색
React Native에서 Android에서 Wifi AP를 검색하고자 아래 모듈을 활용하였습니다.
https://github.com/devstepbcn/react-native-android-wifi
설치 방법 및 기타 사용법은 위 페이지에서 확인을 하면 되는데,
안드로이드 6.0부터 현재 AP List를 가져오도록 했는데도 불구하고 아무것도 나오지 않는 경우가 있는데
AndroidManifest.xml에 아래 항목을 추가를 합니다.
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
둘 중 하나만 넣어도 된다고 함
그래도 검색 결과를 가져오지 못하는데, 별도로 권한을 요청해서 승인을 받도록 해야 합니다.
앱 권한 확인 및 요청하는 부분은 https://github.com/lucasferreira/react-native-android-permissions를 이용하였습니다.
requestPermission("android.permission.ACCESS_COARSE_LOCATION").then((result) => {
console.log("Granted!", result);
}, (result) => {
console.log("Not Granted!");
console.log(result);
});
앱 실행시 권한을 요청하고 이를 승인 받도록 합니다.
해당 부분을 승인하지 않을 경우 Wifi 검색 결과를 가져오지 못하고, 승인을 해야 Wifi 검색 결과를 가져올 수 있는것으로 파악되고 있습니다.
'Programing > ReactNative' 카테고리의 다른 글
| [React Native-Android] Could not resolve all dependencies for configuration ':*** :_debugCompile'. (0) | 2017.06.26 |
|---|---|
| [React Native - iOS] Apple Mach-O Linker failure (0) | 2017.01.24 |
| [React Native] Multiple dex files define (0) | 2016.08.25 |
| [React Native] 특정 버전으로 Project 초기화하기 (0) | 2016.07.31 |
| [React Native] Androidd에서 GIF 이미지 출력하기 (0) | 2016.07.31 |
