[flutter] easy_localization으로 앱의 지역화된 테마 관리하기

14 Dec 2023

flutter

앱을 국제 사용자들에게 제공할 때, 지역별로 다른 테마(색상, 폰트, 이미지 등)를 적용하여 사용자 경험을 향상시킬 수 있습니다. Flutter 앱에서 easy_localization 패키지를 사용하여 이 작업을 간단하게 수행할 수 있습니다.

easy_localization이란?

easy_localization 패키지는 플러터(Flutter) 앱에서 지역화된 텍스트 및 다국어 지원을 제공하는 패키지입니다. 이것을 사용하면 지역별로 텍스트 및 앱의 다양한 리소스들을 관리하고, 쉽고 간편하게 지역화된 테마를 구현할 수 있습니다.

지역화된 테마 관리하기

지역화된 테마를 관리하려면, 먼저 easy_localization 패키지를 설치해야 합니다. 이후, 해당 패키지를 사용하여 앱의 지역화된 테마를 설정할 수 있습니다.

다음은 다국어 지원을 위한 easy_localization 패키지의 간단한 예제입니다.

import 'package:flutter/material.dart';
import 'package:easy_localization/easy_localization.dart';

void main() {
  runApp(
    EasyLocalization(
      supportedLocales: [Locale('en', 'US'), Locale('ko', 'KR')],
      path: 'assets/translations', // 번역 파일이 위치하는 폴더 경로
      fallbackLocale: Locale('en', 'US'),
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: context.localizationDelegates,
      supportedLocales: context.supportedLocales,
      locale: context.locale,
      theme: ThemeData(
        primarySwatch: Colors.blue,
        fontFamily: 'NotoSans',
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('title').tr(),
      ),
      body: Center(
        child: Text('hello').tr(),
      ),
    );
  }
}

위 예제에서 easy_localization 패키지를 사용하여 앱의 기본 테마를 구성하고, 앱 내에서 다국어 지원을 위한 텍스트를 지역화하였습니다.

결론

easy_localization 패키지를 사용하면 앱의 지역화된 테마를 쉽게 관리할 수 있습니다. 이를 통해 국제 사용자들에게 더 좋은 경험을 제공할 수 있으며, 앱의 다국어 지원 작업을 간소화할 수 있습니다.

더 많은 정보를 원하시면, easy_localization 공식 문서를 참고해보세요.