[flutter] 플러터 get과 다국어 지원

26 Dec 2023

flutter

Flutter는 Google에서 개발한 모바일 애플리케이션 개발 프레임워크로, 빠르고 편리하게 멀티 플랫폼용 앱을 개발할 수 있습니다. 이번 블로그 포스트에서는 Get 패키지를 사용하여 앱 내에서 상태 관리와 라우팅을 어떻게 할 수 있는지, 그리고 어떻게 다국어 지원을 할 수 있는지 알아보겠습니다.

Get 패키지란?

Get 패키지는 Flutter에서 단순하고 직관적인 상태 관리와 라우팅을 제공하는 패키지입니다. GetX라 불리는 이 패키지는 상태 관리, 라우팅, 다이얼로그, 스낵바 등 다양한 기능을 제공하여 Flutter 애플리케이션의 개발을 보다 쉽게 만들어줍니다.

아래는 Get 패키지를 사용하여 간단한 라우팅을 구현하는 예시 코드입니다.

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Get 패키지 예제'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Get.to(SecondPage());
          },
          child: Text('다음 페이지로 이동'),
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('두 번째 페이지'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Get.back(); // 뒤로 가기
          },
          child: Text('이전 페이지로 돌아가기'),
        ),
      ),
    );
  }
}

다국어 지원

앱을 국제적으로 배포하고자 한다면, 다국어 지원이 필수적입니다. Flutter에서는 Get 패키지와 함께 easy_localization을 사용하여 다국어 지원을 쉽게 할 수 있습니다. easy_localization은 YAML 파일을 사용하여 각 언어에 대한 문자열을 관리하고, 사용자의 언어 설정에 따라 자동으로 번역된 문자열을 사용할 수 있게 해줍니다.

아래는 easy_localization을 사용하여 다국어 지원을 구현하는 예시 코드입니다.

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

void main() {
  runApp(
    EasyLocalization(child: MyApp(),
    supportedLocales: [Locale('en', 'US'), Locale('ko', 'KR')],
    path: 'assets/translations',
    fallbackLocale: Locale('en', 'US'),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: context.localizationDelegates,
      supportedLocales: context.supportedLocales,
      locale: context.locale,
      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을 사용하여 다국어 지원을 구현했습니다. .yaml 확장자를 가진 번역 파일을 통해 각 언어에 맞는 문자열을 관리할 수 있습니다.

이렇게 Get 패키지와 다국어 지원을 함께 사용하여 Flutter 애플리케이션의 개발과 다국어 지원을 손쉽게 할 수 있습니다. Get 패키지의 강력한 상태 관리와 라우팅 기능, 그리고 easy_localization의 다국어 지원을 통해 효율적이고 사용자 친화적인 앱을 구현할 수 있습니다.

더 많은 정보는 다음 문서를 참고할 수 있습니다:

GetX 패키지: GetX 패키지 공식 문서
easy_localization: easy_localization 패키지 공식 문서

이상으로 Flutter에서 Get 패키지와 다국어 지원에 대해 알아보았습니다. 어떠한 의문이 있으시다면 언제든지 물어주세요!