앱 실행 → [네이티브 스플래시] → Flutter 엔진 로딩 → [Flutter 위젯 렌더링]

flutter pub add flutter_native_splash

flutter_native_splash:
  color: "#009CCC"              # 배경색 (커스텀 스플래시와 비슷한 색)
  image: assets/images/logo.png # 중앙에 표시할 로고 (선택사항)
  android: true
  ios: true

flutter:
  uses-material-design: true
  # ...

dart run flutter_native_splash:create

import 'package:flutter_native_splash/flutter_native_splash.dart';

Future<void> main() async {
  // Flutter 바인드 준비 + 네이티브 스플래시 유지
  WidgetsBinding widgetsBinding = WidgetsFlutterBinding.ensureInitialized();
  FlutterNativeSplash.preserve(widgetsBinding: widgetsBinding);

  // Firebase, SDK 초기화 등...
  await Firebase.initializeApp();

  runApp(MyApp());
}

import 'package:flutter_native_splash/flutter_native_splash.dart';

class _SplashScreenState extends State<SplashScreen> {
  @override
  void initState() {
    super.initState();

    // 네이티브 스플래시 제거 → Flutter 스플래시가 보이기 시작
    FlutterNativeSplash.remove();

    // 서버 체크, 인증 확인 등 비즈니스 로직...
    _checkServerAndAuth();
  }
}

앱 실행
  → 네이티브 스플래시 (#009CCC + 로고) ← 흰 화면 대신!
  → Flutter 엔진 로딩 (네이티브 스플래시 계속 유지)
  → Flutter 스플래시 위젯 initState() 실행
  → FlutterNativeSplash.remove() 호출
  → 커스텀 스플래시 (그라데이션 + 애니메이션)
  → 메인 화면

// main()에서 유지
FlutterNativeSplash.preserve(widgetsBinding: widgetsBinding);

// 스플래시 화면에서 제거
FlutterNativeSplash.remove();