[flutter] 다국어 지원을 위해 플러터 intl 대신 다른 방법을 사용할 수 있을까요?

04 Dec 2023

flutter

다국어 지원은 모바일 앱 개발에서 매우 중요한 요소입니다. 플러터에서는 다국어 지원을 위해 Intl 패키지를 기본적으로 제공합니다. 하지만 Intl 패키지를 사용하지 않고도 다른 방법을 사용하여 다국어 지원을 구현할 수 있습니다. 이 글에서는 Intl 패키지 대신 다른 방법을 사용하는 방법을 알아보겠습니다.

언어 파일 생성하기

다국어 지원을 구현하기 위해 먼저 언어 파일을 생성해야 합니다. 이 언어 파일에는 각 언어 별로 사용될 문자열을 정의합니다. 플러터에서는 JSON 파일을 사용하여 언어 파일을 생성하는 것이 일반적입니다. 예를 들어, lang.json이라는 파일을 생성하고 다음과 같이 문자열을 정의합니다:

{
  "en": {
    "hello": "Hello",
    "welcome": "Welcome!"
  },
  "ko": {
    "hello": "안녕하세요",
    "welcome": "환영합니다!"
  }
}

언어 설정하기

플러터에서는 기본적으로 기기의 언어 설정을 자동으로 감지하여 해당 언어 파일을 로드할 수 있습니다. 언어 설정을 따로 지정하려면 flutter_localizations 패키지를 사용해야 합니다. 이 패키지를 사용하면 언어 설정을 변경하고 앱을 다시 로드할 수 있습니다.

다국어 문자열 사용하기

다국어 설정이 완료되면 앱에서 언어 파일의 문자열을 사용할 수 있습니다. 다음은 플러터에서 언어 파일의 문자열을 사용하는 예시입니다:

import 'dart:convert';

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  Map<String, dynamic> _localizedValues;

  Future<void> _loadLanguage() async {
    String jsonString =
        await rootBundle.loadString('path/to/lang.json');
    Map<String, dynamic> jsonMap = json.decode(jsonString);
    setState(() {
      _localizedValues = jsonMap['en'];
      // 현재 언어에 따른 문자열 할당
      // _localizedValues = jsonMap['ko'];
    });
  }

  @override
  void initState() {
    super.initState();
    _loadLanguage();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        // 언어 설정을 자동으로 감지
        DefaultMaterialLocalizations.delegate,
        DefaultWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        // 지원하는 언어 설정
        const Locale('en', 'US'),
        const Locale('ko', 'KR'),
      ],
      home: Scaffold(
        appBar: AppBar(
          title: Text(_localizedValues['hello']),
        ),
        body: Center(
          child: Text(_localizedValues['welcome']),
        ),
      ),
    );
  }
}

Intl 패키지 대신 언어 파일을 사용하여 다국어 지원을 구현하는 방법을 알아보았습니다. 이 방법을 사용하면 플러터 앱에서 간단하게 다국어 지원을 할 수 있습니다. 다른 다국어 지원 방법도 있지만, 언어 파일을 사용하는 것은 직관적이고 유지보수하기 쉽습니다.

더 자세한 내용은 Flutter 공식 문서를 참고하시기 바랍니다.