[flutter] easy_localization을 활용한 앱 내 지역화된 예약/예약 취소 기능

앱을 전 세계 사용자에게 제공한다면, 다국어 지원은 필수적입니다. Flutter에서는 쉽게 다국어를 지원할 수 있는 외부 라이브러리들이 많이 있습니다. 그 중에서도 easy_localization 패키지는 앱 내 지역화된 텍스트 및 문자열 지원을 쉽게 구현할 수 있습니다. 이 도구를 사용하여 앱에서 예약 및 예약 취소와 같은 지역화된 기능을 쉽게 구현할 수 있습니다.

1. easy_localization 패키지 설정

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

dependencies:
  flutter:
    sdk: flutter
  easy_localization: ^3.0.0

그런 다음, 터미널에서 다음 명령어를 실행하여 패키지를 가져옵니다.

flutter pub get

2. 지역화된 문자열 및 텍스트 추가

다음으로, 지역화된 문자열 및 텍스트를 추가합니다. 모든 지원되는 언어에 대해 lang 디렉토리를 만들고, 각 언어 코드별로 디렉토리를 만든 후 해당 언어에 맞는 json 파일을 추가합니다.

예를 들어, 한국어(ko) 및 영어(en)를 지원할 경우 다음과 같은 디렉토리 구조가 될 수 있습니다.

project
└─ lang
   ├─ en
   |  └─ translations.json
   └─ ko
      └─ translations.json

translations.json 파일에는 다음과 같이 지역화된 문자열을 추가합니다.

{
  "reservation": {
    "title": "예약",
    "cancel": "예약 취소"
  }
}

3. 지역화된 문자열 및 텍스트 사용

이제, easy_localization 패키지의 EasyLocalization.of(context).t('key') 메서드를 사용하여 지역화된 문자열 및 텍스트를 불러와서 사용할 수 있습니다.

예를 들어, 예약 버튼의 텍스트를 지역화하는 코드는 다음과 같습니다.

Text(EasyLocalization.of(context).t('reservation.title'))

4. 결과

이제 지역화된 예약/예약 취소 기능이 쉽게 구현되었습니다. 사용자의 장치 언어 설정에 따라 앱이 해당 언어로 표시되며, easy_localization 패키지를 사용하여 쉽게 다국어 지원을 구현할 수 있게 되었습니다.

이렇게 easy_localization을 사용하여 Flutter 앱에서 지역화된 기능을 구현할 수 있습니다.

참고 문헌