[Flutter][85] Number Format untuk Nominal Currency Rupiah Dll

Thursday, 21 Oct 2021 | By Riza

Image Load

Hello world,

Berikut ini adalah contoh penggunaan number format yang biasanya dipakai untuk mengubah format angka menjadi susunan tertentu seperti menampilkan nominal uang dan lain-lain. Akan tetapi khusus pada artikel ini saya akan contohkan untuk menampilkan nominal uang saja. Dimana biasanya untuk menampilkan nominal uang akan lebih bagus jika ditampilkan per-3 digit dari pada menampilkan angka seperti biasanya seperti contoh berikut.

Tampilan biasa

Rp 10000000

Tampilan dengan number format

Rp 1,000,000.00


Untuk membuat tampilan seperti di atas maka kita membutuhkan number format. Seperti apa cara penggunaannya? mari kita ikuti cara berikut.

Pertama kita butuhkan intl.dart pada aplikasi kita dengan menambahkan kode berikut.

import 'package:intl/intl.dart';


Kemudian inisiasi bentuk format yang diinginkan yaitu nominal uang per-3 digit.

final nominal = NumberFormat("#,##0.00", "en_US");



Kemudian dapat kita gunakan untuk mengubah variable kita dengan cara berikut.

int uang = 2300000;
nominal.format(uang);
print(uang); //hasilnya 2,300,000.00

Number format juga dapat digunakan untuk jenis format lain yang kita inginkan. Untuk beberapa pattern yang dapat digunakan adalah seperti di bawah ini.

  • 0 A single digit
  • # A single digit, omitted if the value is zero
  • . Decimal separator
  • - Minus sign
  • , Grouping separator
  • E Separates mantissa and expontent
  • + - Before an exponent, to say it should be prefixed with a plus sign.
  • % - In prefix or suffix, multiply by 100 and show as percentage
  • ‰ (\u2030) In prefix or suffix, multiply by 1000 and show as per mille
  • ¤ (\u00A4) Currency sign, replaced by currency name
  • ' Used to quote special characters
  • ; Used to separate the positive and negative patterns (if both present)

Selamat mencoba :)