[flutter] 플러터 앱 아이콘을 사용자의 취향에 맞게 분기 설정하는 방법
플러터로 개발한 앱을 사용자가 좋아하는 아이콘으로 변경할 수 있으면 사용자 경험이 개선될 수 있습니다. 이번 포스트에서는 사용자의 취향에 맞게 앱 아이콘을 설정하고 이를 플러터 앱에 구현하는 방법에 대해 알아보겠습니다.
1. 플러터 앱에 다중 아이콘 지원 추가하기
먼저, pubspec.yaml 파일에flutter_launcher_icons 플러그인을 추가합니다.
dev_dependencies:
flutter_launcher_icons: "^0.9.2"
그런 다음, 프로젝트 루트 디렉토리에서 터미널을 열고 아래 명령어를 실행하여 아이콘 이미지를 추가합니다.
flutter pub get
flutter pub run flutter_launcher_icons:main
2. 사용자 환경 설정에 따라 아이콘 변경
앱을 처음 시작할 때 사용자가 선호하는 아이콘을 선택하도록 하는 화면을 구현합니다. 이 선택을 앱 데이터에 저장한 후, 선택된 아이콘에 대한 정보를 저장합니다.
SharedPreferences prefs = await SharedPreferences.getInstance(); // 이전 선택 정보 가져오기
String icon = prefs.getString('app_icon') ?? 'default'; // 기본 아이콘
// 선호하는 아이콘에 따라 아이콘 데이터 설정
String iconPath = icon == 'default' ? 'assets/default_icon.png' : 'assets/custom_icon.png';
3. 선택된 아이콘으로 앱 아이콘 설정
최종적으로, 선택된 아이콘 경로를 사용하여 앱 아이콘을 설정합니다.
flutter_icons:
android: true
ios: true
image_path_android: "assets/icon/custom_icon.png"
image_path_ios: "assets/icon/custom_icon.png"
이제 앱이 시작될 때마다 사용자가 선택한 아이콘으로 앱 아이콘이 변경됩니다.
플러터에서 사용자가 선호하는 아이콘으로 앱 아이콘을 변경하는 방법에 대해 알아보았습니다. 사용자 맞춤형 기능은 앱의 사용자 경험을 향상시키는데 중요한 부분이며, 이를 통해 앱 사용자들이 더욱 만족할 수 있는 서비스를 제공할 수 있습니다.
참고 자료