MyApp

64. 앱 스플래시 스크린 Design an app splash/launch screen: **Static Splash** (native): - Shows immediately on launch - Single static image - Matches app icon style - Logo centered **Design Elements**: - Logo: centered, appropriate size - Background: brand color or gradient - Optional: tagline below logo - No interactive elements **Sizing**: - Multiple resolutions for device sizes - Safe area consideration - Logo scales proportionally **Animated Splash** (JS layer): - Appears after native splash - Logo animation - Smooth transition to app **Animation Ideas**: - Logo fade in + scale up - Logo draws/morphs into shape - Background color transitions - Particles or pattern reveal **Transition to App**: - Fade out splash - Slide up to reveal content - Logo moves to header position - Duration: 500-800ms **Loading State**: - If app needs to load data - Progress indicator below logo - "Loading..." text optional - Don't show if load is fast **Best Practices**: - Keep total time < 3 seconds - Match native to animated seamlessly - Use same background color - Consider system dark mode **Technical**: - iOS: LaunchScreen.storyboard - Android: splash XML + themes - react-native-splash-screen library Tech: React Native + react-native-splash-screen + Lottie