#5 Flutter Tutorial : Cara mudah formating angka menjadi bentuk rupiah pada dart

Photo by Visual Stories || Micheile on Unsplash

Assalamuallaikum para pembaca dengan spirit of learn, semoga kalian dalam keadaan baik-baik saja ya. Lama sekali rasanya tidak menulis sesuatu di medium. Pernah tidak sih kalian kebingungan melakukan formating angka ke bentuk rupiah? Kalau kalian sedang membaca artikel ini pasti jawabanya YA. Saya juga merasakan apa yang kalian rasakan dulu. Padahal diflutter sendiri caranya sangat mudah lhoo... Untuk itu pada tulisan ini saya ingin membagikan sebuat tutorial singkat tentang cara mudah melakukan formating angka menjadi bentuk format rupiah.

Selain format rupiah pada flutter. Pada tulisan ini saya juga menyertakan langkah yang saya lakukan supaya code yang ditulis menjadi lebih reuseable. Karena saya yakin format rupiah ini bakalan dipanggil dibanyak tempat pada aplikasi yang anda buat nantinya.

Kita mulai saja, semoga tulisan kali ini bermanfaat 😊

Langkah 1 : Tambahkan dependency intl pada file pubspec.yaml.

intl: ^0.17.0

Langkah 2 : Jalankan perintah pub get pada terminal untuk mendownload dependency yang dibutuhkan.

flutter pub get

Langkah 3 : Buat file dart baru beserta sebuah class untuk menampung kode formating dari angka ke bentuk rupiah. Let’s code!

Perhatiakan bahwa disini kita menggunakan static function, supaya nantinya function yang telah kita buat bisa dipakai tanpa membuat instance classnya.

Perlu diperhatihan bahwa difunction convertToIdr. Pada saat membuat NumberFormat, kita memasukan beberapa parameter seperti locale, symbols dan decimalDigits.

NumberFormat currencyFormatter = NumberFormat.currency(
  locale: 'id',
  symbol: 'Rp ',
  decimalDigits: decimalDigit,
);

Locale: id menandakan kode local negara Indonesia.

Symbol: Rp menambahkan symbol di depan format currency yang kita buat.

Decimal digit digunakan untuk menentukan jumlah angka 0 di belakang koma nantinya.

Langkah 4 : Mari kita implementasikan pada sebuah page.

Pada home page kita hanya perlu memanggil fungsi convertToIdr yang telah kita buat seelumnya.

CurrencyFormat.convertToIdr(number, 2),

Langkah 5 : Jalankan pada device anda dan lihat hasilnya.

Hasil running code yang telah dituliskan

Begitulah cara saya dalam malakukan format ke dalam rupiah. Mungkin saja ada cara yang lebih singkat dari yang telah saya jelaskan diatas. Saya sertakan juga referensi yang bisa kalian baca untuk manambah pemahaman tentang format currency. Disitu akan lebih jelas tentang apa saja parameter yang tersedia dan apa saja yang bisa dilakukan.

Jangan lupa tinggalkan clap apabila tulisan kali ini bermanfaat.

Keep learning everyone!

Reference:

https://www.woolha.com/tutorials/dart-formatting-currency-with-numberformat

https://api.flutter.dev/flutter/intl/NumberFormat-class.html