[flutter] 언어별로 다른 UI를 표시하는 방법

다중 언어를 지원하는 앱을 개발하는 것은 많은 사용자들에게 더 많은 가치를 제공하는 중요한 과제입니다. Flutter에서는 앱의 다국어 지원을 위해 간단하고 효과적인 방법을 제공합니다. 이 글에서는 Flutter에서 다국어를 지원하는 방법을 살펴보겠습니다.

intl 패키지 사용하기

Flutter 앱에서 다국어를 지원하기 위해 intl 패키지를 이용할 수 있습니다. 이 패키지를 통해 간단하게 문자열을 다국어로 번역할 수 있습니다. 다음은 intl 패키지의 사용 예시입니다:

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text(Intl.message(
            'Hello',
            name: 'helloWorld',
          )),
        ),
        body: Center(
          child: Text(Intl.message(
            'Welcome to my app',
            name: 'welcomeMessage',
          )),
        ),
      ),
    );
  }
}

다국어 지원 파일 작성하기

각 언어에 해당하는 문자열을 포함한 파일을 작성하여 다국어를 지원할 수 있습니다. 예를 들어, 영어와 한국어를 지원하는 앱을 만든다면 아래와 같이 intl_messages.arbintl_messages_ko.arb 파일을 작성할 수 있습니다.

intl_messages.arb

{
  "helloWorld": "Hello",
  "welcomeMessage": "Welcome to my app"
}

intl_messages_ko.arb

{
  "helloWorld": "안녕하세요",
  "welcomeMessage": "내 앱에 오신 것을 환영합니다"
}

이 파일들은 각 언어에 대한 문자열을 정의하고, intl 패키지를 통해 이 문자열들을 사용할 수 있게 합니다.

정리

Flutter를 사용하여 간단하게 다국어를 지원하는 방법에 대해 알아보았습니다. 이를 통해 여러 언어를 지원하는 앱을 개발하는 데 도움이 되길 바랍니다.번경.

더 자세한 내용은 Flutter Internationalization를 참고하시기 바랍니다.

flutter-intl 패키지도 함께 확인해보세요.