다국어 지원을 위해 flutter_localizations 패키지를 사용하는 도중 오류가 발생하는 경우가 있습니다. 이번 글에서는 해당 오류를 해결하는 방법을 소개하겠습니다.

flutter_localizations 패키지란?

flutter_localizations 패키지는 flutter 앱을 다국어 지원하기 위해 사용되는 패키지로, 앱에서 지원하는 언어에 따라 텍스트 및 날짜 형식을 지역화할 수 있도록 도와줍니다. 다양한 언어를 지원하는 국제화된 앱을 개발할 때 유용한 패키지입니다.

문제 상황

앱에 flutter_localizations 패키지를 추가하고 지역화 설정을 해놓았음에도 불구하고 언어 설정에 따라 앱이 지역화되지 않고 기본 언어로 표시되는 문제가 발생했습니다.

해결 방법

해당 문제를 해결하기 위해 다음의 단계를 따라야 합니다.

1. pubspec.yaml 파일 수정

먼저 pubspec.yaml 파일에 아래 코드를 추가합니다.

dependencies:
  flutter_localizations:
    sdk: flutter

위 코드는 flutter_localizations 패키지를 pubspec.yaml 파일에 추가하는 코드입니다.

2. MaterialApp에 지역화 위임

다음으로, MaterialApp 위젯을 생성할 때 locale, localizationsDelegates, supportedLocales를 정확히 설정해주어야 합니다. 아래는 예시입니다.

MaterialApp(
  localizationsDelegates: [
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
  ],
  supportedLocales: [
    const Locale('en', 'US'), // 영어
    const Locale('ko', 'KR'), // 한국어
  ],
  locale: Locale('ko', 'KR'), // 기본 언어 설정
  // ... 
)

3. 언어 변경 처리

마지막으로, 지원하는 언어 목록을 설정하고 언어 변경을 처리하는 코드를 작성해야 합니다.

DropdownButton<Locale>(
  value: selectedLocale,
  items: [
    DropdownMenuItem(
      value: const Locale('en', 'US'),
      child: Text('English'),
    ),
    DropdownMenuItem(
      value: const Locale('ko', 'KR'),
      child: Text('한국어'),
    ),
  ],
  onChanged: (locale) {
    setState(() {
      selectedLocale = locale;
    });
  },
)

위 코드는 DropdownButton을 사용하여 언어 변경을 처리하는 예시입니다.

이렇게 flutter_localizations 패키지를 사용한 앱에서 다국어 지원 오류를 해결할 수 있습니다. 해당 패키지를 적절히 활용하여 국제화된 앱을 개발할 수 있습니다.