[flutter] easy_localization을 통한 앱의 지역화된 자동완성 기능 구현

14 Dec 2023

flutter

앱을 개발할 때 지역화된 자동완성 기능은 사용자 경험을 향상시키는 중요한 기능 중 하나입니다. Flutter 앱을 개발하면서 easy_localization 라이브러리를 사용하여 이 기능을 구현하는 방법을 확인해 보겠습니다.

1. easy_localization 라이브러리 추가

먼저, pubspec.yaml 파일에 easy_localization 라이브러리를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  easy_localization: ^3.0.0

이후, 터미널에서 다음 명령을 실행하여 라이브러리를 설치합니다.

flutter pub get

2. 지역화된 자원 파일 추가

easy_localization은 지역화된 자원 파일을 사용하여 다국어를 지원합니다. 프로젝트의 assets/translations 폴더에 각 언어에 대한 JSON 파일을 추가합니다. 예를 들어, en.json 및 ko.json 파일을 추가하여 영어 및 한국어 지원을 구현할 수 있습니다.

// en.json
{
  "search_hint": "Enter your search query"
}

// ko.json
{
  "search_hint": "검색어를 입력하세요"
}

3. 앱에서 easy_localization 사용

다음으로, easy_localization을 앱에서 사용하여 지역화된 자원을 적용합니다. 먼저, MaterialApp 위에 EasyLocalization 위젯을 추가합니다.

void main() => runApp(EasyLocalization(
      supportedLocales: [Locale('en', 'US'), Locale('ko', 'KO')],
      path: 'assets/translations', // 번역 파일이 저장된 경로
      fallbackLocale: Locale('en', 'US'),
      child: MyApp(),
    ));

4. UI에서 지역화된 자원 사용

마지막으로, UI에서 easy_localization을 사용하여 지역화된 자원을 적용합니다.

Text('search_hint'.tr()) // tr() 함수를 사용하여 지역화된 문자열을 가져옵니다.

이제 앱을 실행하면 선택한 언어에 따라 자동완성 기능이 지역화되어 표시됩니다.

easy_localization을 사용하면 Flutter 앱에서 지역화된 자동완성 기능을 쉽게 구현할 수 있습니다. 앱을 보다 다국어 지원이 가능하도록 만들어 사용자들이 더 나은 경험을 할 수 있도록 도와줍니다.

참고 자료

easy_localization 라이브러리 공식 문서