[flutter] easy_localization을 활용한 앱의 지역화된 아이콘 설정
이번에는 Flutter 앱에서 Easy Localization 라이브러리를 활용하여 앱 아이콘과 앱 이름을 다국어로 설정하는 방법에 대해 알아보겠습니다. 앱을 다국어로 제공하는 것은 사용자들에게 높은 만족도를 제공하고 앱의 사용성을 개선하는 중요한 요소 중 하나입니다.
1. Easy Localization 라이브러리 추가하기
먼저, pubspec.yaml
파일의 dependencies
섹션에 Easy Localization 라이브러리를 추가합니다.
dependencies:
flutter:
sdk: flutter
easy_localization: ^3.0.0
그리고 앱의 루트 폴더에 assets/translations
폴더를 생성하고, 지원할 언어에 따른 JSON 파일들을 추가합니다.
2. 앱 아이콘 및 이름 설정
각각의 지원 언어에 맞는 앱 아이콘과 이름을 설정하기 위해 pubspec.yaml
파일을 다음과 같이 수정합니다.
flutter:
assets:
- assets/translations/
fonts:
- family: OpenSans
fonts:
- asset: assets/fonts/OpenSans-Regular.ttf
- asset: assets/fonts/OpenSans-Bold.ttf
# 앱 아이콘 및 이름 다국어 설정
flutter_localizations:
sdk: flutter
easy_localization:
supportedLocales:
- en_US
- ko_KR
3. 지역화된 아이콘 및 이름 로드
다음으로, Easy Localization을 활용하여 지역화된 아이콘과 이름을 로드합니다.
import 'package:flutter/material.dart';
import 'package:easy_localization/easy_localization.dart';
void main() {
runApp(
EasyLocalization(
supportedLocales: [Locale('en', 'US'), Locale('ko', 'KR')],
path: 'assets/translations',
fallbackLocale: Locale('en', 'US'),
child: MyApp(),
),
);
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'app_title'.tr(),
localizationsDelegates: context.localizationDelegates,
supportedLocales: context.supportedLocales,
locale: context.locale,
// ...
);
}
}
결론
이제 Easy Localization을 활용하여 Flutter 앱의 지역화된 아이콘과 이름을 설정하는 방법에 대해 알아보았습니다. 이를 통해 사용자들은 자신의 언어 및 지역에 맞게 앱을 사용할 수 있게 되어 더 나은 사용자 경험을 제공할 수 있습니다.
참고 자료: