★★★★★
#UI·디자인 · claude-code
Splash 화면 (앱 부팅, native_splash)
앱 부팅 시 로고나 앱 이름 표시.
#splash-screen#native-splash
앱 부팅 시 로고나 앱 이름 표시.
패키지: `flutter_native_splash: ^2.4.0`
단계:
1. pubspec.yaml:
```yaml
dev_dependencies:
flutter_native_splash: ^2.4.0
flutter_native_splash:
color: "#FFFFFF"
image: assets/splash_logo.png
fullscreen: true
```
2. 이미지 준비:
- 1024x1024 png → assets/splash_logo.png
3. 실행:
```bash
dart run flutter_native_splash:create
```
4. main.dart:
```dart
void main() async {
await Firebase.initializeApp(...);
FlutterNativeSplash.preserve(...);
runApp(const MyApp());
await Future.delayed(Duration(seconds: 2));
FlutterNativeSplash.remove();
}
```
이미지 준비 완료하면 진행할까?
쓰는 법 — 위 칸에 본인 값을 채우면 아래 프롬프트에 바로 반영돼요. 복사 버튼을 누르면 채워진 그대로 클립보드에 담기니까, claude-code(또는 본인이 쓰는 AI)에 붙여넣기만 하면 됩니다. 변수가 없으면 그냥 복사해서 쓰세요.