반응형
Flutter 앱의 로고와 이름을 변경한 과정을 순서대로 자세히 설명해드리겠습니다.
- 앱 아이콘(로고) 변경 과정:
pubspec.yaml
파일에서flutter_launcher_icons
설정을 확인했습니다.- 이미지 파일이
assets/images/app_icon_v1.png
에 위치해 있는 것을 확인했습니다. - 다음 명령어를 실행하여 아이콘을 생성했습니다:
flutter pub get && flutter pub run flutter_launcher_icons
- 이 명령어는 Android와 iOS 플랫폼 모두에 대해 새로운 아이콘을 생성합니다.
- 앱 이름 변경 과정:
android/app/src/main/AndroidManifest.xml
파일을 수정했습니다.<application>
태그 내의android:label
값을 "FCM_Luncher"에서 "[변경할 이름]"로 변경했습니다.<application android:label="[변경할 이름]" android:name="${applicationName}" android:icon="@mipmap/launcher_icon" android:usesCleartextTraffic="true">
B. **iOS 앱 이름 변경**:
- `ios/Runner/Info.plist` 파일을 수정했습니다.
- `CFBundleDisplayName` 값을 "FCM\_Luncher"에서 "[변경할 이름]"로 변경했습니다.
```
<key>CFBundleDisplayName</key>
<string>[적용할 이름]</string>
```
- A. Android 앱 이름 변경:
- 변경사항 적용을 위한 정리 및 재빌드:
- 프로젝트를 클린하고 의존성을 다시 가져오기 위해 다음 명령어를 실행했습니다:
flutter clean && flutter pub get && flutter run
- 이 과정에서 캐시된 빌드 파일들이 삭제되고 새로운 설정으로 다시 빌드됩니다.
- 주의사항:
- 앱을 완전히 종료하고 다시 실행해야 변경사항이 적용됩니다.
- iOS의 경우 Xcode에서 Clean Build Folder를 수행하는 것이 좋습니다.
- Android의 경우 Android Studio에서 Clean Project를 수행하는 것이 좋습니다.
- 시뮬레이터나 실제 기기에서 앱을 완전히 삭제 후 재설치하면 더 확실하게 변경사항이 적용됩니다.
이러한 과정을 통해 앱의 로고와 이름이 성공적으로 변경되었습니다. 변경사항이 즉시 반영되지 않는 경우, 위에서 언급한 정리 및 재빌드 과정을 반복해보시기 바랍니다.
반응형
'FrontEnd > Flutter ( APP )' 카테고리의 다른 글
badges 시각적 알림으로 앱 향상하기 (0) | 2024.04.14 |
---|---|
Flutter에서 Stateless 위젯을 활용한 자동 완성 기능 구현 (0) | 2024.04.09 |
Flutter에서 비밀번호 숨기기 ObscureText 기능 (0) | 2024.04.07 |
Flutter : 모바일 앱 개발의 혁신적인 선택 (2) | 2024.04.03 |