현지화 가이드(Flutter)

Feb 26 2023
현지화는 특정 국가 또는 지역의 언어, 문화 및 기타 특정 요구 사항을 충족하기 위해 제품 또는 서비스를 조정하는 프로세스입니다. 여기에는 콘텐츠 번역, 디자인 요소 수정, 제품 또는 서비스가 목표 시장에 적합하도록 기능 조정이 포함됩니다.

현지화는 특정 국가 또는 지역의 언어, 문화 및 기타 특정 요구 사항을 충족하기 위해 제품 또는 서비스를 조정하는 프로세스입니다. 여기에는 콘텐츠 번역, 디자인 요소 수정, 제품 또는 서비스가 목표 시장에 적합하도록 기능 조정이 포함됩니다.

로컬라이제이션은 전 세계 사용자가 제품이나 서비스에 보다 쉽게 ​​접근할 수 있고 사용자 친화적으로 만들어 고객 만족도를 높이고 판매를 늘릴 수 있기 때문에 국제적으로 사업을 운영하는 회사에 특히 중요합니다. 일반적으로 현지화되는 제품의 예로는 웹 사이트, 소프트웨어 응용 프로그램, 비디오 게임 및 마케팅 자료가 있습니다.

현지화는 문화적 뉘앙스, 관용구 및 관용적 표현을 고려하기 때문에 단순한 텍스트 번역을 넘어 대상 언어에 직접 상응하는 것이 없을 수 있습니다. 또한 제품 또는 서비스의 디자인과 레이아웃이 색상, 이미지 및 기호와 같은 요소를 포함하여 대상 시장에 적합하도록 보장하는 것도 포함됩니다. 또한 현지화에는 현지 규정이나 관습을 준수하기 위해 기능을 수정하는 작업이 포함될 수 있습니다.

Flutter에서 현지화는 응용 프로그램을 다양한 언어와 지역에 맞게 조정하여 전 세계 사람들이 더 쉽게 접근하고 사용하기 쉽게 만드는 과정을 의미합니다. 앱을 현지화함으로써 개발자는 사용자에게 자신의 언어와 형식으로 앱을 사용할 수 있는 기능을 제공하여 사용자 경험과 전반적인 참여를 크게 향상시킬 수 있습니다.

Flutter는 패키지를 통한 현지화 지원 기능을 내장하고 intl있지만 추가 기능을 제공하는 다른 타사 패키지도 있습니다. 이러한 패키지 중 하나는 easy_localization복수형, 날짜 및 시간 형식 등을 지원하여 Flutter 앱에서 현지화를 쉽게 구현할 수 있게 해주는 입니다.

귀하의 언어를 지원하는 Flutter에서 현지화에 사용하려면 easy_localization(저는 Bangla를 예시로 사용하고 있습니다) 다음 단계를 따르세요.

첫 번째:

easy_localization프로젝트에 추가 : easy_localizationFlutter 프로젝트에 추가하려면 pubspec.yaml파일에 다음 종속성을 추가할 수 있습니다.

dependencies:
  easy_localization: ^3.0.0

현지화 파일 만들기: assets/lang프로젝트에 디렉터리를 만들고 Bangla 언어 파일을 추가합니다. 예를 들어 bn.json다음 내용으로 파일을 만듭니다.

{
  "welcome_message": "আমার অ্যাপে স্বাগতম!",
  "login_button_text": "লগইন করুন",
  "logout_button_text": "লগআউট করুন"
}

초기화 easy_localization: 초기화하려면 파일 에서 위젯을 easy_localization사용할 수 있습니다 .EasyLocalizationmain.dart

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await EasyLocalization.ensureInitialized();
  runApp(
    EasyLocalization(
      supportedLocales: [Locale('bn', 'BD')],
      path: 'assets/langs',
      fallbackLocale: Locale('en', 'US'),
      child: MyApp(),
    ),
  );
}

네번째:

앱에서 현지화된 문자열 사용: 앱에서 현지화된 문자열을 사용하려면 패키지 tr의 메서드를 사용할 수 있습니다 easy_localization. 예를 들어 Bangla 제목과 설명을 표시하려면 다음 코드를 사용할 수 있습니다.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Localization',
      localizationsDelegates: context.localizationDelegates,
      supportedLocales: context.supportedLocales,
      locale: context.locale,
      home: Scaffold(
        appBar: AppBar(
          title: Text(tr('title')),
        ),
        body: Center(
          child: Text('description').tr(),
        ),
      ),
    );
  }
}


//Note
Text('title').tr() //Text widget
Text('title'.tr()) //String
Text(tr('title')) //Static function

마지막으로:

현지화 테스트: 마지막으로 다른 언어 설정으로 앱을 테스트하여 현지화가 제대로 작동하는지 확인합니다.

예:

전반적으로 easy_localization모든 언어를 지원하는 Flutter에서 현지화를 구현하기 위한 간단하고 사용하기 쉬운 솔루션을 제공합니다.