본 블로그에서는 Flutter 앱에서 easy_localization 패키지를 사용하여 어떻게 다국어로 쿠폰이나 할인 코드를 적용하는지 알아보겠습니다.

1. easy_localization 패키지란?

easy_localization은 Flutter 앱에서 손쉽게 다국어를 지원할 수 있도록 도와주는 패키지로, 기존의 Localizations 기능을 더욱 간편하게 사용할 수 있습니다.

2. 다국어 지원을 위한 easy_localization 설정

먼저 pubspec.yaml 파일에 easy_localization 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  easy_localization: ^3.0.0

다음으로, main.dart 파일에서 MaterialApp을 EasyLocalizationWidget으로 감싸고, 지원할 언어를 추가합니다.

void main() {
  runApp(
    EasyLocalization(
      supportedLocales: [Locale('en', 'US'), Locale('ko', 'KR')],
      path: 'assets/translations',
      fallbackLocale: Locale('en', 'US'),
      child: MyApp(),
    ),
  );
}

3. 쿠폰/할인 코드 적용 기능 추가

쿠폰이나 할인 코드 적용 기능을 구현하기 위해, translations 폴더에 각 언어에 대한 번역 파일을 추가합니다.

• en.json

{
  "coupon_applied": "Coupon applied successfully!",
  "invalid_coupon": "Invalid coupon code."
}

• ko.json

{
  "coupon_applied": "쿠폰이 성공적으로 적용되었습니다!",
  "invalid_coupon": "잘못된 쿠폰 코드입니다."
}

다음으로, 쿠폰/할인 코드 적용 기능을 구현하는 화면에서 다음과 같이 번역된 문자열을 사용합니다.

Text(
  tr('coupon_applied'),
  style: TextStyle(fontSize: 20),
),

이제 앱을 실행하고 언어를 변경하면, 쿠폰/할인 코드 적용 기능에 있는 문자열이 각 언어로 자동으로 변경되는 것을 확인할 수 있습니다.

이상으로 easy_localization을 사용하여 Flutter 앱에서 다국어로 쿠폰이나 할인 코드를 적용하는 방법을 소개했습니다.

참고 자료:

• easy_localization 패키지