모바일 앱을 제작할 때, 사용자들이 해당 지역에서 사용할 수 있는 쇼핑몰이나 마켓을 쉽게 찾을 수 있는 기능이 매우 중요합니다. Easy_localization을 통해 앱을 지역화하는 방법중 하나가 될 수 있습니다.

Easy_localization이란?

Easy_localization은 Flutter 앱에서 지역화 기능을 간편하게 구현할 수 있도록 도와주는 패키지입니다. 다국어 지원 및 문구 변환을 쉽게 처리할 수 있도록 지원합니다.

Easy_localization을 이용한 지역화 기능 추가하기

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

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

다음으로 main.dart 파일에 Easy_localization을 초기화하고 다국어 지원을 설정합니다.

import 'package:flutter/material.dart';
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'),
        child: MyApp(),
    ),
  );
}

이제 assets/translations 경로에 번역을 위한 파일을 추가해야 합니다. 예를 들어 en.json 및 ko.json 파일에 영어 및 한국어 번역을 추가할 수 있습니다.

// en.json
{
  "search": "Search",
  "language": "Language"
}

// ko.json
{
  "search": "검색",
  "language": "언어"
}

이제 이 지역화된 텍스트를 앱의 다른 부분에 적용할 수 있습니다.

Text('search').tr()

지역화된 쇼핑몰/마켓 검색 기능 추가하기

마지막으로, 해당 지역에서 이용 가능한 쇼핑몰이나 마켓을 검색하고 표시하도록 앱에 기능을 추가할 수 있습니다.

List<Store> stores = fetchStoresByLocation(context.locale);

Widget build(BuildContext context) {
  return ListView.builder(
    itemCount: stores.length,
    itemBuilder: (context, index) {
      return ListTile(
        title: Text(stores[index].name),
        subtitle: Text(stores[index].location),
      );
    },
  );
}

Easy_localization을 통해서 지역화된 쇼핑몰/마켓 검색 기능을 추가하는 방법에 대해 알아보았습니다. 해당 기능을 통해 사용자들이 특정 지역에서 이용 가능한 쇼핑몰이나 마켓을 손쉽게 찾을 수 있게 될 것입니다.