[flutter] get_it을 이용한 다국어 처리 방법

14 Dec 2023

flutter

1. get_it 패키지 추가

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

dependencies:
  get_it: ^7.2.0

그리고 패키지를 설치합니다.

flutter pub get

2. 다국어 지원 파일 추가

Flutter에서는 arb 파일을 사용하여 각 언어별 다국어 지원을 제공합니다. 예를 들어, 영어와 한국어를 지원하는 경우 app_en.arb와 app_ko.arb와 같은 이름으로 각 언어에 맞는 파일을 만들어줍니다.

3. 다국어 처리 클래스 작성

이제 get_it을 사용하여 다국어 처리를 위한 클래스를 작성합니다.

import 'package:get_it/get_it.dart';

class LocalizationService {
  static final LocalizationService _instance = LocalizationService._();

  factory LocalizationService() => _instance;

  LocalizationService._();

  static final Map<String, Map<String, String>> _localizedValues = {
    'en': {
      'title': 'Hello',
      'description': 'Welcome to the app!'
    },
    'ko': {
      'title': '안녕하세요',
      'description': '앱에 오신 것을 환영합니다!'
    }
  };

  String _locale = 'en';

  set locale(String value) {
    _locale = value;
  }

  String translate(String key) {
    return _localizedValues[_locale][key] ?? '';
  }
}

final getIt = GetIt.instance;

void setupGetIt() {
  getIt.registerLazySingleton(() => LocalizationService());
}

4. 다국어 텍스트 사용

이제 앱 내에서 get_it을 이용하여 다국어 처리 클래스를 사용할 수 있습니다.

final localizationService = getIt<LocalizationService>();
print(localizationService.translate('title')); // 출력: Hello 또는 안녕하세요

위와 같이 get_it을 이용하여 다국어 처리를 할 수 있습니다. 이를 통해 Flutter 앱에서 쉽게 다국어를 지원할 수 있고, 사용자들에게 더 나은 경험을 제공할 수 있습니다.

이상으로 get_it을 이용한 다국어 처리 방법에 대해 알아보았습니다. 함께한 모든 내용에 대한 질문이나 궁금한 점이 있으시다면 언제든지 문의해 주세요.