React Native - App Icon

React Native에서 App 아이콘과 Splash 이미지를 쉽게 만들려면
generator-rn-toolbox
react-native-make
사용하면 편리함

react-native-make 설치

npm i -D @bam.tech/react-native-make
or 
yarn add -D @bam.tech/react-native-make

App 아이콘

1024x1024 px 사이즈의 png 파일이 필요

아래 링크에서 이미지를 원하는 디바이스에 맞게 추출 가능
https://appicon.co/

안드로이드 폰에서 앱 아이콘이 라운드로 된 것들이 많아서, round Type 도 만들어줘야됨

AppIcon 둥글게 만들려면

명령어

# react-native set-icon --path [path-to-image]
react-native set-icon --path [path-to-image] --background ["color"]

예시

# react-native set-icon --path ./src/Assets/images/app_icon.jpg
react-native set-icon --path ./src/Assets/images/app_icon.jpg --background "#FFFFFF"

편리하게 명령어로 해도 되지만 직접 넣어줘도됨

Android

android / app / src / main / res /


IOS

아래 명령어치고 Xcode로~

xed ./ios

ios / 프로젝트 파일 / images.xcassets

여기다 사이즈 별로 넣어주면됨

좋은 웹페이지 즐겨찾기