Actions
개선사항 #62
완료됨
백대
백대
[DEF-iOS-TGFU-002] 앱 실행 시 스플래시 화면 하단 UI 짤리는 현상
개선사항 #62:
[DEF-iOS-TGFU-002] 앱 실행 시 스플래시 화면 하단 UI 짤리는 현상
시작일:
2026/05/06
완료일:
진척도:
100%
추정시간:
Actions
백대선이(가) 21일 전에 추가함. 20일 전에 수정됨.
100%
분석 결과 — 디자인 자산 검토 필요 (코드 수정만으로 해결 어려움)
코드 현황:
lib/screens/start-up/splash.dart 의 Flutter splash 는 SizedBox.expand + Image.asset(splash.png, fit: BoxFit.cover) 로 fullscreen 처리되어 있어 코드상 흰색 잘림 발생할 구조 아님LaunchScreen.storyboard 가 LaunchBackground + LaunchImage (168x185 fixed size, contentMode=center) 를 사용LaunchBackground 이미지가 화면 비율과 안 맞으면 하단에 흰색 영역 노출추정 원인:
ios/Runner/Assets.xcassets/LaunchBackground.imageset/ 의 이미지가 iPhone Air 19.5:9 비율 미대응assets/splash.png 자체 비율이 16:9 등 옛 비율flutter_native_splash: ^2.3.10) 에서 device-specific 자산 누락권장 작업:
flutter_native_splash 설정에 iOS background 색상 명시 (흰색이 아닌 splash 디자인 색으로)LaunchBackground.imageset 에 iPhone Air 비율 자산 추가 또는 contentMode=scaleAspectFill 변경현재 status: 보고 유지 (디자인 자산 + 빌드 설정 협업 필요)
근본 원인 식별 + 코드 수정 완료. 개발서버에 반영합니다.
추가 분석 결과:
lib/main.dart:200-202 의 SafeArea(bottom: true) 가 GetMaterialApp 전체 (splash 포함) 의 하단 영역을 홈인디케이터 만큼 잘라냄backgroundGradient (라이트모드 흰색) 가 노출자산 분석:
background.png (1x1) → RGBA(255,255,255,255) 라이트 흰색darkbackground.png (1x1) → RGBA(0,0,0,255) 다크 검정splash.png 1568x2750, BoxFit.cover 로 정상 동작수정 내역:
lib/main.dart:202 SafeArea(bottom: true) → bottom: false
수정 파일:
lib/main.dartQA 재검증 시나리오:
부작용 모니터링 필요: