[flutter] 플러터 intl을 사용해서 문자열의 다국어 번역을 동적으로 변경할 수 있나요?

04 Dec 2023

flutter

네, 플러터 intl 패키지를 사용하면 애플리케이션에서 다국어 번역을 동적으로 변경할 수 있습니다. intl 패키지는 Flutter 앱에서 다국어 지원을 제공하기 위해 사용되며, 앱의 모든 문자열을 번역하는 기능을 제공합니다.

다국어 번역을 위해서는 먼저 intl 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 의존성을 추가하고, 패키지를 가져와야 합니다. 사용하고자 하는 언어에 해당하는 번역 파일도 준비해야 합니다.

다음은 간단한 예제 코드로 intl 패키지를 사용한 다국어 번역의 동적 변경 방법입니다:

import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:intl/intl.dart';
import 'package:intl/intl_standalone.dart';

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

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

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(AppLocalizations.of(context).translate('app_title')),
      ),
      body: Center(
        child: Text(
          AppLocalizations.of(context).translate('greeting'),
        ),
      ),
    );
  }
}

class AppLocalizations {
  static Future<AppLocalizations> load(Locale locale) {
    final String name = locale.countryCode.isEmpty ? locale.languageCode : locale.toString();
    final String localeName = Intl.canonicalizedLocale(name);

    return initializeMessages(localeName).then((_) {
      Intl.defaultLocale = localeName;
      return AppLocalizations();
    });
  }

  static AppLocalizations of(BuildContext context) {
    return Localizations.of<AppLocalizations>(context, AppLocalizations);
  }

  String translate(String key) {
    return Intl.message(
      key,
      name: key,
      desc: key,
    );
  }
}

이 코드에서는 애플리케이션의 주요 문자열을 translate 메서드를 통해 번역합니다. 번역할 문자열은 AppLocalizations 클래스의 .arb 파일에 정의되어 있어야 합니다. 예를 들어, en.arb 또는 ko.arb 파일을 생성하여 번역할 문자열을 정의합니다. 번역 파일은 intl_translation 패키지를 사용하여 간단하게 생성할 수 있습니다.

위의 코드에서는 translate 메서드를 호출할 때 번역될 문자열의 키 값을 전달합니다. 이 키 값은 번역 파일에서 해당 번역 문자열을 찾는 데 사용됩니다.

여러 언어를 지원하려면 supportedLocales 속성을 사용하여 사용 가능한 언어 목록을 지정해야 합니다. 이 속성에 지원할 언어의 로케일을 추가합니다.

또한, localizationsDelegates 속성은 다국어 지원을 위해 flutter_localizations 패키지에서 제공하는 로컬라이제이션 델리게이트를 추가해야 합니다.

위의 예제 코드를 참고하여 플러터 intl을 사용하여 다국어 번역을 동적으로 변경할 수 있습니다. 추가적으로 intl_translation 패키지를 사용하면 번역 파일을 더 효율적으로 관리할 수도 있습니다. 자세한 내용은 플러터 intl과 intl_translation 공식 문서를 참고하시기 바랍니다.