🔢

Flutterで数字のカンマ区切りを実装する方法

2022/03/28に公開

はじめに

Flutter で数字をカンマ区切りで表示したいな。と思ったのですが、コードがさっと思い付かず。
例えば、1000円でなく、1,000円と表示したい場合などです。
コピペ用にメモしておけたらと思います。

Flutter でカンマ区切りをする

かなり簡単で、2 ステップで完了です。

  • intlをインストールしてください。
  • 実装する

https://pub.dev/packages/intl

数字にを 3 桁ごとに区切る場合のコピペ用コード

import 'package:intl/intl.dart';

String addCommaToNum({required int num}){
  final formatter = NumberFormat("#,###");
  String numWithComma = formatter.format(num);
  return numWithComma;
}

もっと複雑なケースは参考記事を参照してください。

参考

以下の記事がとても参考になりました。
https://qiita.com/mcz9mm/items/e1407ad24384eb92737d

Twitter では Flutter を中心とする技術関連の情報を発信しています!
https://twitter.com/marksaito4

お仕事の依頼は以下のメールアドレスまでご連絡をよろしくお願いします。
mark.saito@jp-gx.com

Discussion