다국어 지원 기능은 모바일 애플리케이션을 다양한 사용자에게 제공하는 데 매우 중요합니다. 플러터(Flutter) 앱에서는 Column 위젯을 사용하여 간단히 다국어를 지원하는 방법에 대해 알아보겠습니다.

1. 다국어 지원 패키지 추가하기

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

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter

그런 다음, 패키지를 설치합니다.

flutter pub get

2. 지원할 언어 추가하기

MaterialApp 위젯의 localizationsDelegates 및 supportedLocales 속성을 사용하여 지원할 언어를 추가합니다.

MaterialApp(
  localizationsDelegates: [
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    GlobalCupertinoLocalizations.delegate,
  ],
  supportedLocales: [
    const Locale('en', 'US'), // 영어
    const Locale('ko', 'KR'), // 한국어
    // 추가할 다른 언어
  ],
  // 다른 속성들...
)

3. 다국어 텍스트 표시하기

이제, Column 위젯 내에서 텍스트를 다국어로 표시할 수 있습니다.

Column(
  children: [
    Text(
      AppLocalizations.of(context).translate('hello_message'),
    ),
    // 다른 위젯들...
  ],
)

4. 다국어 문자열 파일 작성하기

다국어별 문자열을 관리하기 위해 lib/l10n 디렉토리에 intl_messages.arb 파일을 생성합니다.

{
  "@@locale": "ko",
  "hello_message": "안녕하세요"
}

5. 지원 언어별 파일 생성하기

intl_messages.arb 파일을 기반으로 각 언어에 맞는 문자열 파일을 생성합니다.

예를 들어, intl_messages_ko.arb 파일을 생성하여 한국어 문자열을 관리할 수 있습니다.

이제, flutter pub get 명령을 통해 파일을 업데이트하고, AppLocalizations 클래스를 생성하여 각 언어별 문자열을 불러올 수 있습니다.

다국어 지원 기능을 구현하고 플러터 Column을 통해 여러 언어로 텍스트를 표시하는 방법에 대해 알아보았습니다.

참고:

• Flutter 다국어 지원 문서