본문 바로가기
Development/Flutter

[FLUTTER] flutter-Splash 이미지 변경하기! (android, ios)

by 망치치 2020. 9. 9.
반응형

 

*Android-Splash 변경

splash는 앱을 실행하는 동안 나오는 첫 화면입니다. flutter에서 android-splash 이미지 변경을 위해서는 [flutter_app(name)]/android/app/src/main/res/drawable/launch_background.xml 경로를 따라가 주시면 됩니다.

 

 

처음에 launch_background.xml 파일을 열면 item이 주석 처리 되어 있어요. 주석 해제 하시고, res/drawable 폴더를 보시면 이미지를 넣을 파일들을 확인 하실 수 있습니다. 이미지의 변형을 방지하기 위해 -mdpi , -hdpi , -xdpi , -xxdpi, -xxxdpi 파일에 맞는 파일들을 넣어주세요. 

이미지의 파일 이름이 같으면 저렇게 위에 .확장자명을 적지 않아도 적용이 됩니다. 저장을 누르신 후에 재 실행을 하면 원하시는 splash가 변경 된 것을 확인 할 수 있습니다.

*아이콘만 변경, 혹은 배경 색상을 변경하신다면 

<item android:drawable="@android:color/white" /> 코드를 삭제해주시면 됩니다.

*IOS-Splash 변경

[flutter_app(name)]/ios/Runner/Assets.xcassets/LaunchImage.imageset/{} Conttentes.imgagesrt 경로로 들어와주세요.

 

변경 된 {} Conttentes.imgagesrt

 

이미지 파일을 변경해주세요. @2x.png , @3x.png , @4x.png 로 변경해주신 다음에 코드에서 변경해주시면 ios splash도 저장 후 실행을 하셔서 확인하시면 변경 된 것을 확인 할 수 있습니다.