[flutter] 숫자 천 단위마다 콤마 넣는 방법

dev-nam 2022. 6. 2. 23:38

플러터에서 숫자 세 자리, 천 단위마다 콤마 넣는 방법

숫자의 단위가 커지다 보면 천 단위마다 콤마로 구분해주는 게 사용자의 가독성을 높이는데 도움이 되는데요. 플러터에서는 intl 패키지에 있는 NumberFormat을 이용하여 숫자 형식을 간단하게 변환할 수 있어요.

 

우선 플러터 패키지 사이트 (https://pub.dev/packages/intl/install)에서 intl 최신 버전을 확인하고, pubspec.yaml 파일에 추가합니다.

dependencies:
  intl: ^0.17.0

 

천 단위마다 콤마 표기

import 'package:intl/intl.dart';

var f = NumberFormat('###,###,###,###');
print(f.format(1000000));

// 결과 => 1,000,000

 

소수점 2자리까지 표기

참고로 Locale 값을 설정하지 않으면 현재 Locale 값이 기본으로 지정됩니다.

import 'package:intl/intl.dart';

var f = NumberFormat('###.0#', 'en_US');
print(f.format(12.3456));

// 결과 => 12.34

 

화폐 단위 표기

NumberFormat.currency를 이용하여 가격 화폐 단위를 간단하게 표기할 수도 있어요.

import 'package:intl/intl.dart';

var f = NumberFormat.currency(locale: 'ko_KR', symbol: '₩');
print(f.format(1000000));

// 결과 => ₩1,000,000

 

간단한 숫자 표기 방법이지만 도움이 되셨길 바래요! 

궁금하신게 있으시면 댓글 남겨주세요. 글 읽어주셔서 감사해요~😄

 

반응형