[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.arb
와 intl_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 패키지도 함께 확인해보세요.