[flutter] flutter_localizations를 사용한 앱의 다국어 지원 가이드라인

12 Dec 2023

flutter

다국어 지원은 사용자들에게 앱을 더 쉽게 이해할 수 있고 편리하게 사용할 수 있도록 도와줍니다. Flutter에서는 flutter_localizations 패키지를 사용하여 다양한 언어 및 지역에 대한 지원을 제공할 수 있습니다. 이 가이드에서는 flutter_localizations를 사용하여 여러 언어를 지원하는 방법에 대해 안내하겠습니다.

flutter_localizations

flutter_localizations 패키지는 Flutter의 다국어 지원을 제공하는데 도움을 줍니다. 해당 패키지를 사용하여 앱을 여러 언어로 번역하고 각 언어에 맞춰 텍스트를 지원할 수 있습니다.

설정 및 사용 방법

의존성 추가: 먼저, pubspec.yaml 파일에 flutter_localizations 패키지를 추가합니다.

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

설정: 앱의 main 함수에서, MaterialApp 위젯의 localizationsDelegates 및 supportedLocales 속성을 설정합니다.

import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        AppLocalizations.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('en', ''),
        const Locale('ko', ''),
      ],
      home: MyHomePage(),
    );
  }
}

번역: 각 언어에 해당하는 번역 파일을 생성하고 추가합니다. 이때, flutter_gen 패키지를 사용하여 번역 파일을 생성하면 편리합니다.

위의 가이드를 따라서 flutter_localizations 패키지를 사용하여 Flutter 앱을 다국어로 지원할 수 있습니다. 해당 패키지를 활용하면 사용자들이 자신의 언어로 앱을 이해하고 유용하게 사용할 수 있는 환경을 제공할 수 있습니다.

참고문헌:

https://api.flutter.dev/flutter/material/GlobalMaterialLocalizations-class.html
https://api.flutter.dev/flutter/material/GlobalWidgetsLocalizations-class.html