앱을 만들 때 언어 및 지역화된 콘텐츠를 제공하는 것은 중요한 고려 사항입니다. 이번에는 Flutter 앱에서 easy_localization 패키지를 사용하여 지역화된 영화/드라마 검색 기능을 구현하는 방법에 대해 알아보겠습니다.

1. easy_localization 패키지 추가

먼저, easy_localization 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 다음과 같이 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  easy_localization: ^3.0.0

의존성을 추가한 후, 패키지를 설치합니다.

flutter pub get

2. 지원하는 언어 및 번역 파일 설정

앱에서 지원할 언어를 설정하고, 해당 언어에 맞는 번역 파일을 추가해야 합니다. 다음으로 main.dart 파일에 easy_localization을 초기화하고 사용할 번역 파일을 지정합니다.

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';

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

3. 번역 파일 작성

이제 각 언어별로 번역된 내용을 포함하는 번역 파일을 작성해야 합니다. 예를 들어, en.json 파일에는 영어로 된 내용을, ko.json 파일에는 한국어로 된 내용을 추가합니다.

// en.json
{
  "search_hint": "Search for movies or dramas",
  "result": "Search Result"
}

// ko.json
{
  "search_hint": "영화나 드라마를 검색하세요",
  "result": "검색 결과"
}

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

이제 easy_localization 패키지를 사용하여 UI에서 지역화된 문자열을 사용할 수 있습니다.

Text('search_hint'.tr());
Text('result'.tr());

5. 언어 설정

마지막으로, 언어 설정을 위한 UI를 구현하고 사용자가 언어를 변경할 수 있도록 합니다.

FlatButton(
  onPressed: () {
    context.locale = Locale('en', 'US');
  },
  child: Text('English'),
),
FlatButton(
  onPressed: () {
    context.locale = Locale('ko', 'KO');
  },
  child: Text('한국어'),
),

easy_localization 패키지를 사용하여 간단하게 Flutter 앱의 지역화된 영화/드라마 검색 기능을 구현할 수 있습니다.

더 많은 정보를 원하시면 easy_localization GitHub repository를 참고하세요.

기본 코드 예시는 여기를 클릭하세요.