Flutter native splash

• 안내말 입니다.
• 개인적으로 남기는 글입니다. 아래의 경우를 미리 공지합니다.

1. 높임말은 없는 경우가 있습니다.
2. 영어, 일본어, 베트남어를 공부하고 있습니다. 경우에 따라서 사용됩니다.
3. 보기 거북하다면 뒤로가기 해주세요.

이야기 시작-

-광고-
ExpressVPN가입하고 무료 이용일 받으세요!
지금 추천인 링크를 통해 가입하면 추가 30일 무료 사용 혜택을 받을 수 있어요! 🎉

👉 여기를 클릭하세요

혜택을 놓치지 말고 지금 바로 시작해보세요! 🚀

-광고-
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

ipTIME 유무선 공유기, AX8004M(WHITE), 1세트

---

소개

스플래시 화면을 설정에 맞게 만들어줍니다.
해당 팩키지를 사용하지 않는다면 android & ios 에 직접 변경을 해야합니다.

설치

dependencies:
  flutter_native_splash: ^2.4.4 # 이글을 작성하는 날짜 기준

사용법

프로젝트 루트 위치에 파일을 생성합니다.
예시) splash.yaml
안에 내용은 예시 입니다.

flutter_native_splash:
  color: "#FFFFFF"
  color_dark: "#000000"
  image: assets/logos/t-store-splash-logo-black.png
  image_dark: assets/logos/t-store-splash-logo-white.png

  android_12:
    color: "#FFFFFF"
    color_dark: "#000000"
    image: assets/logos/t-store-splash-logo-black.png
    image_dark: assets/logos/t-store-splash-logo-white.png

  web: false

터미널에서 작업

create

flutter pub run flutter_native_splash:create --path=splash.yaml

remove

flutter pub run flutter_native_splash:remove

혹, 해당 splash 에 설정을 변경하였다면 remove -> create 를 다시 해주면된다.

main.dart 수정

Future main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Future.delayed(const Duration(seconds: 3));
  FlutterNativeSplash.remove();
  runApp(const MyApp());
}