[flutter] 플러터 프로바이더를 사용한 다국어 지원

14 Dec 2023

flutter

플러터는 국제적으로 사용되는 언어를 지원하기 위해 다국어 지원 기능을 제공합니다. 이 기능을 통해 앱을 여러 언어로 번역하고, 사용자가 앱을 선호하는 언어로 선택할 수 있습니다.

이번 포스트에서는 플러터의 프로바이더를 사용하여 앱에서 다국어를 지원하는 방법에 대해 알아보겠습니다.

플러터 다국어 지원 구현

플러터의 다국어 지원을 구현하기 위해서는 다음 단계를 따릅니다.

의존성 추가: 먼저 flutter_localizations 라이브러리를 pubspec.yaml 파일에 추가합니다.

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

지역/언어 설정: 앱의 지역 및 언어를 설정하고, 해당 언어에 대한 번역 데이터를 추가합니다.
프로바이더 사용: ChangeNotifier와 Locale 클래스를 사용하여 프로바이더를 작성합니다. 이를 통해 앱의 상태를 관리하고 지역화된 텍스트를 업데이트합니다.
앱의 언어 변경: 사용자가 앱의 언어를 선택하면, 해당 언어를 앱에 반영하고 새로고침합니다.

예제 코드

다음은 프로바이더를 사용하여 다국어를 지원하는 예제 코드입니다.

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

void main() {
  runApp(
    ChangeNotifierProvider<LocaleProvider>(
      create: (context) => LocaleProvider(),
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final localeProvider = Provider.of<LocaleProvider>(context);
    return MaterialApp(
      locale: localeProvider.locale,
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en', 'US'),
        Locale('ko', 'KR'),
      ],
      home: MyHomePage(),
    );
  }
}

class LocaleProvider with ChangeNotifier {
  Locale _locale = Locale('en', 'US');

  Locale get locale => _locale;

  void setLocale(Locale locale) {
    if (!supportedLocales.contains(locale)) return;
    _locale = locale;
    notifyListeners();
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('다국어 지원 예제'),
      ),
      body: Center(
        child: Text(
          '앱 내의 텍스트',
        ),
      ),
    );
  }
}

위 코드에서 LocaleProvider 클래스는 언어 변경에 따라 앱의 상태를 관리하고, setLocale 메서드를 통해 언어를 변경합니다.

마무리

플러터 프로바이더를 사용하여 다국어 지원 기능을 구현하는 방법에 대해 알아보았습니다. 이를 통해 다국어 사용자들에게 더 나은 환경을 제공할 수 있습니다.

더 자세한 내용은 플러터 공식 문서를 참고하세요.

그럼 플러터로 멋진 다국어 앱을 만드는 즐거운 개발 되시길 바랍니다!