[j Flutter] Currency Text Input Formatter 사용해 화폐단위 사용 및 콤마 찍어주기

Currency Text Input Formatter를 사용하면 TextFormField 입력 시 화폐단위 사용 및 콤마를 찍어 줄 수 있다.

 

1. Currency Text Input Formatter 플러그인 설치

dependencies:
  currency_text_input_formatter: ^2.1.8

 

2. TextFormField 적용

 - 한국 화폐단위 적용

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Welcome to Flutter'),
        ),
        body: Center(
          child: TextField(
            inputFormatters: <TextInputFormatter>[
               CurrencyTextInputFormatter(
                                  locale: 'ko',
                                  decimalDigits: 0,
                                  symbol: '￦',
                                ),
            ],
            keyboardType: TextInputType.number,
          ),
        ),
      ),
    );
  }
}

 - symbol : text 앞에 추가 될 문자

 

 

https://pub.dev/packages/currency_text_input_formatter

currency_text_input_formatter | Flutter Package

해당 사이트에서 참고하여 여러가지 방법으로 format 하면 된다.