인프런 커뮤니티 질문&답변

안드로이드 설정 과정이 전체가 약간 헷갈려있게 되어있는 것 같아서,,, 이게 맞는지 궁금해서 남깁니다
npm i react-native-splash-screen --save 을 통해서 npm을 설치한다

1. 앱로고와 스플래시 화면을 준비해준다

   1. 아래 사이트에서 앱 로고를 만들어준다

      EasyAppIcon - Create Mobile App Icon

   2. 앱 아이콘들을 android폴더에 넣어준다

      • android/app/src/main/res의 아래에 mipmap-hdpi~로 시작하는 파일들에 이름에 맞춰서 앱 아이콘들을 넣어준다

         

   3. 스플래시 화면(아마도 이미지)을 android/app/src/main/res/drawable폴더에 넣어준다

      1. 반드시 launch_screen이라는 이름으로 넣어준다 -> launch_screen.png

      

       

2. android/setting.gradle에 가서 아래처럼 설정해준다

   include ':react-native-splash-screen'   
   project(':react-native-splash-screen').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-splash-screen/android')
   

    

3. android/app/build.gradle (113번 줄)

   implementation project(':react-native-splash-screen')
   

4. android/app/src/main/java/com/coin/MainActivity.kt에 7번째 줄에

   import android.os.Bundle;
   import org.devio.rn.splashscreen.SplashScreen;
   

5. android/app/src/main/java/com/coin/MainActivity.kt에 12~15번째 줄에

    override fun onCreate(savedInstanceState: Bundle?) {
       SplashScreen.show(this)
       super.onCreate(null)
     }
   

    

6. . . . /MainApplication.kt (14번 줄)에

   import org.devio.rn.splashscreen.SplashScreenReactPackage
   

7. . . . /MainApplication.kt (24번 줄)에

   SplashScreenReactPackage()
   

8. 스플래시 화면을 숨겨주기 위해 App.tsx에

   • 아래 내용을 추가해준다

   useEffect(() => {
       setTimeout(() => {
         SplashScreen.hide();
       }, 500);
     }); // 의존성 배열 없음 - 매 렌더링마다 실행됨
   

9. values.colors.xml파일을 만들어서 아래 내용을 추가해준다

   <?xml version="1.0" encoding="utf-8"?>
   <resources>
       <!-- 다른 색상들이 있다면 유지하세요 -->
       <color name="status_bar_color">#000000</color> <!-- 원하는 색상 코드로 변경 가능 -->
   </resources>
   

• 질문1. 잘 나오는 것 같기는 한데 총 과정이 이게 맞을까요?

• 질문2. 그리고 스플래시화면이 뜨기 전에 앱 로고가 전체적으로 뜨고(흰바탕에 설정한 앱 로고가 중앙에 작게 나옴) 스플래시 화면이 뜨는데 원래 이런거 맞나요?

• 질문3. 그리고 values/colors.xml파일은 왜 설정해주는 건가요?