[flutter] easy_localization으로 플러터 앱의 지역화된 도서/도서 검색 기능

14 Dec 2023

flutter

이 기사에서는 easy_localization 패키지를 사용하여 플러터(Flutter) 앱에 다국어 지원 기능을 추가하고, 지역화된 도서/도서 검색 기능을 구현하는 방법에 대해 알아보겠습니다.

easy_localization이란?

easy_localization 패키지는 다국어 및 지역화 기능을 간편하게 구현할 수 있도록 도와주는 플러터(Flutter) 패키지입니다. 이 패키지를 사용하면 앱에 다국어 지원을 쉽게 추가할 수 있으며, 텍스트 및 리소스 파일을 관리하기 쉽습니다.

지역화된 도서/도서 검색 기능 구현하기

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

dependencies:
  flutter:
    sdk: flutter
  easy_localization: <latest_version>

다음으로, main.dart 파일에서 easy_localization을 초기화하고 지역화 리소스를 설정합니다.

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'), // 기본 로케일
      startLocale: Locale('en', 'US'), // 앱 시작 로케일
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: context.localizationDelegates,
      supportedLocales: context.supportedLocales,
      locale: context.locale,
      // 앱 위젯 등
    );
  }
}

이제, 지역화 리소스를 추가하고 관리하기 위해 assets/translations 폴더를 생성하고 해당 폴더에 지역별 텍스트 파일을 추가합니다. 예를 들어, en_US.json 및 ko_KR.json 파일을 추가하여 각각의 지역에 맞는 텍스트를 정의합니다.

en_US.json:
```
{
  "search": "Search",
  "book": "Book"
}
```
ko_KR.json:
```
{
  "search": "검색",
  "book": "도서"
}
```
마지막으로, 앱에서 지역화된 텍스트를 사용하여 검색 기능을 구현합니다.
```
Text('search'.tr()),
Text('book'.tr()),
```

이제, easy_localization 패키지를 사용하여 플러터 앱에 다국어 지원 기능을 추가하고 지역화된 도서/도서 검색 기능을 구현할 수 있습니다.

더 자세한 내용은 easy_localization 공식 문서를 참조하십시오.

이제 지역화된 도서/도서 검색 기능을 추가하여 귀하의 플러터 앱을 전 세계 사용자들에게 보다 친숙하게 만들 수 있습니다.