Dev JS Blog

Expo Android App 만들기 - 2 (스플래시 적용) 본문

IT

Expo Android App 만들기 - 2 (스플래시 적용)

Dev JS 2023. 6. 7. 23:57
728x90

2023.06.07 - [IT] - Expo Android App 만들기 -1

 

Expo Android App 만들기 -1

처음 시작에는 Node.js 가 필수로 필요하다. (뇌피셜) Node 16 이 대중적인 버전으로 생각되어 Node 16 으로 진행한다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. node

allmana.tistory.com

웬만한 앱이 처음 실행시키면 그 앱을 만든 회사의 로고가 처음 보여지게 만들곤 한다.
이러한걸 앱에선 스플래시(Splash) 라고 한다.

앱을 또 만들기 시작했으니 스플래시를 적용시켜 보려한다.

Expo의 강점이 시작부터 나온다. 기존 안드로이드 앱으로 스플래시를 설정하려 한다면
소스를 수정하고 해야하는데 Expo는 기본적인건 정말 편하게 해두었다.
app.json에 들어가보면 splash 설정이 있다. 원하는 이미지로 경로를 바꾸면 스플래시 성공.

assets 폴더에 devjs_splash.png를 이미지를 넣고 app.json 경로도 수정해주었다.

image에 원하는 이미지 경로를 넣어주고, resizeMode 는 contain(default), cover 가 있다.(Expo Docs 참고)


이렇게 설정을 하고서 앱이 실행되어 있는 상태라면 터미널에서 r 를 눌러주면 알아서 앱이 자동 실행되고


splash가 들어간걸 확인할수 있다. 

디테일한 설정을 하고싶다면 더 건드려야겠지만 간단하게~ 스플래시 적용 끝.

 

728x90
Comments