React Native Splash 및 로고 수정하는 방법

Posted by Hide­
2018.03.04 18:12 Coding/React.js

리액트 네이티브로 만들고 있는 어플이 어느정도 막바지에 왔다.

큰 틀은 완성됐으며 세부적인 디테일만 만져주면 끝날 듯 하다.

이제 어플리케이션의 로고를 넣어주려고 한다.

어플을 실행시키면 초반에 조그마한 로고와 함께 로딩 페이지가 나타난다.


바로 이 부분이다. 가운데 네모난 박스에 로고를 넣어줄 예정이다.

먼저 나는 Expo를 사용하여 프로그래밍하고 있으니 참고.

app.json으로 들어가보면 splash와 logo 관련된 부분을 찾을 수 있다.


현재 아이콘은 /assets/icon.png에 있으며

splash는 /assets/splash.png에 들어있다.

대부분 어플리케이션의 아이콘은 네모상자로 만들기 때문에 나도 그렇게 만들어줬고

크기는 512x512로 만들었다.

이렇게 적용하면 어플리케이션의 아이콘이 적용되는데,

splash화면. 즉 처음 로딩할 때 생기는 화면은 따로 적용해줘야 한다.

나는 단순히 아이콘을 잘라서 splash에 붙여넣어주는 방식으로 해결했고

추후 splash만 따로 다시 만드는 작업을 해줄 생각이다.



다른 사람들이 많이 읽은 글
이 댓글을 비밀 댓글로

티스토리 툴바