[flutter] 플러터 intl을 사용해서 앱에서 통화 단위를 지역에 맞게 표시하는 방법을 알려주세요.

04 Dec 2023

flutter

플러터 Intl은 다국어 및 지역화 지원을 위한 플러그인입니다. 이를 사용하여 앱에서 통화 단위를 지역에 맞게 표시할 수 있습니다. 아래는 해당 기능을 구현하는 방법입니다.

1. Intl 플러그인 설치

먼저, 프로젝트의 pubspec.yaml 파일에 Intl 플러그인을 추가해야 합니다. 아래와 같이 의존성을 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  intl: ^0.17.0

이후, 종속성을 가져오기 위해 터미널에서 flutter pub get 명령을 실행합니다.

2. 통화 단위 설정

다음으로, 통화 단위를 설정해야 합니다. Intl을 사용하여 로케일을 지정하고 해당 로케일에 맞는 통화 형식을 가져옵니다. 아래는 예시 코드입니다.

import 'package:intl/intl.dart';

String formatCurrency(num amount, String locale) {
  var formatCurrency = NumberFormat.currency(locale: locale);
  return formatCurrency.format(amount);
}

위의 예시 코드에서 formatCurrency 함수는 지정한 로케일에 맞게 통화 값을 변환하는 역할을 합니다.

3. 앱에서 통화 단위 사용

이제 앱에서 통화 단위를 사용할 준비가 되었습니다. 아래는 통화 값을 표시하는 예시 코드입니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var amount = 25000;
    var locale = 'ko_KR';

    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text('통화 단위 표시 예제'),
        ),
        body: Center(
          child: Text(
            formatCurrency(amount, locale),
            style: TextStyle(fontSize: 24),
          ),
        ),
      ),
    );
  }
}

위의 코드에서 amount 변수에는 표시할 통화 값, locale 변수에는 로케일 값을 지정할 수 있습니다. 이를 앱에서 사용하여 표시하면 해당 로케일에 맞는 통화 형식으로 값이 표시됩니다.

이제 플러터 Intl을 사용하여 앱에서 통화 단위를 지역에 맞게 표시하는 방법을 알게 되었습니다. 이를 통해 사용자 경험을 향상시킬 수 있습니다.

참고 문서: Intl 플러그인 - Flutter