[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 앱의 지역화된 아이콘과 이름을 설정하는 방법에 대해 알아보았습니다. 이를 통해 사용자들은 자신의 언어 및 지역에 맞게 앱을 사용할 수 있게 되어 더 나은 사용자 경험을 제공할 수 있습니다.

참고 자료: