플러터 숫자 천원단위 콤마 입히기 Format

부가세 계산기를 만들면서 Text값으로 나오는 숫자들에 천원단위 콤마 입히기가 너무 힘들었다. 

구글링 해도 그냥 함수만 적어주셔서 어떻게 적용해야 하는지 애를 먹었다. 

 

물론 제가 했던 방법이 옳은 건 아니니 참고만 하세요 

 

 

먼저 yaml 파일에 intl :   pubget

 

dependencies:
intl: ^0.17.0

 

그런다음 해당 페이지에 임포트

import 'package:intl/intl.dart';

 

그리고 나는 comma변수를 먼저 선언해주었다. 

NumberFormat안에 형식을 만들면 된다. 숫자 옆에 '원'도 표시하고 싶으면 

("###,###,###,### 원"); 이런식으로 적으면 된다.

 

맨 앞에 $ 표시도 적을 수 있을 듯 하다. ("$###,###,###,### 달러"); 요렇게 

 

 

class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {

 
  final comma = new NumberFormat("###,###,###,### 원"); //콤마 관련 변수 선언

 

그리고 원하는 위치에 Text를 만들고 comma.format('표시하고 싶은 값'), 을 넣어주면 된다. 

              
     Text(comma.format(taxspending)), //지출 과세 표준
     Text(comma.format(taxincome)), // 매출 과세 표준
     Text(comma.format(spending_Food_help)), //의제매입공제

 

 

그러면 아래 처럼 잘 나온다 

 

 

자 이제 텍스트 필드에도 콤마를 찍어보러.......