GetX를 사용한 Flutter Internationalization (i18n)

[name27]

i18n

• Internationalization 의 축약형 여러 언어/로케일을 지원하고 쉽게 현지화할 수 있는 방식으로 애플리케이션을 개발하는 프로세스

1. get 설치
2. .MaterialApp -> GetMaterialApp 변경
3. Translations translations 클래스 사용 사용 예시

   return GetMaterialApp(
     .....
     translations: Languages(),
     .....
   );

   
   import 'package:get/get.dart';

class Languages extends Translations { @override Map<String, Map<String, String>> get keys => { 'ko_KR': { 'greeting': '안녕하세요', }, 'ja_JP': { 'greeting': 'こんにちは', }, 'en_US': { 'greeting': 'Hello', }, }; }

4. 실제 사용 예시

return GetMaterialApp( .... locale: Get.deviceLocale, //Get.deviceLocale장치 언어를 얻기 .... );

GetMaterialApp( ... fallbackLocale: const Locale('en', 'US'), //기본 언어를 표시 ... );

class MyHomePage extends StatelessWidget { const MyHomePage({Key? key}) : super(key: key);

@override Widget build(BuildContext context) { return Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text( 'greeting'.tr, //tr 현지화된 메시지를 표시 style: Theme.of(context).textTheme.headline4, ), OutlinedButton( onPressed: () => Get.updateLocale(const Locale('ko', 'KR')), //언어변경 child: const Text('Korean'), ), ], ), ), ); } }