본문 바로가기

react-native

(3)
[react-native] 앱 아이콘 및 스플래시 이미지 넣기 2 이번에는 애플리케이션을 실행하기 전에 뜨는 스플래시 이미지를 넣어 보겠습니다. 스플래시 이미지를 넣기 위해서는 이미지가 필요합니다. 디바이스 별로 화면 크기가 다르기 때문에 (300px, 600px @x2, 900px @x3)의 크기를 가지고 계셔야 합니다. 저는 github의 이미지를 사용해서 시작하겠습니다. github 1. react-native-splash-screen를 설치 yarn add react-native-splash-screen 또는 npm install react-native-splash-screen 설치를 진행하시면 됩니다. react-native 버전이 0.60 버전 이상이신 분들은 위의 코드를 통해 설치를 하시면 되지만 0.59 버전 이하이신 분들은 link를 이용해서 설치하시면..
[react-native] 앱 아이콘 및 스플래시 이미지 넣기 1 react native에서 앱 아이콘과 스플래시 이미지를 넣는 법을 살펴보겠습니다. 앱 아이콘 앱 아이콘을 넣기 위해서는 이미지 파일이 필요합니다. 1024 x 1024 크기의 png파일이 필요합니다. 저는 1024 x 1024 png 무료 이미지를 다운로드하여서 진행하겠습니다. 이후 앱 아이콘 이미지를 디바이스 크기에 따라 변경해주는 사이트가 있습니다. https://appicon.co/ App Icon Generator Generate icons and images for mobile apps, android and iOS. No need to upload or download. Works on your browser appicon.co 위 사이트로 이동하여 아이콘 이미지를 만드시면 됩니다. 이미지를..
[react-native] 안드로이드 패키지 명과 IOS 식별자 명 변경하기 react-native 프로젝트를 구글스토어와 앱스토어에 등록하고자 할 때 패키지 명과 식별자 명이 간혹 겹치게 되어 수정을 해야 할 수가 있습니다. 프로젝트 완료 후 패키지 명, 식별자 명이 겹치게 되어 firebase나 admob에 작성한 패키지 명, 식별자 명들을 고치기 번거롭기 때문에 사전에 고치는 것을 추천드립니다. react-native 프로젝트를 생성합니다. react-native init Test 안드로이드 패키지명 Test/android/app/src/main.AndroidMainfest.xml 파일을 클릭을 하면 최상단에 package명으로 "com.test"로 써져 있는 것을 확인할 수 있습니다. IOS 식별자 명 Test 프로젝트에 ios 폴더를 클릭 후 .xcodeproj를 클릭을..