Home Mobile FLUTTER: PASSWORD REQUIREMENT

FLUTTER: PASSWORD REQUIREMENT

0

Halo semuanya, apa kabar kalian? Semoga baik baik saja dan sehat selalu.

Pada artikel kali ini kita akan membahas password requirement. Seringkali saat kita mengetikkan kata sandi  pada sebuah aplikasi kita bingung karena password yang kita ketikkan tidak sesui dengan requirement system dari password yang diminta. Oleh karena  itu password requirement diperlukan untuk mengetahui permintaan yang diminta seperti jumlah karakter, kata sandi mengandung angka, huruf besar dan huruf kecil. Nah pada  kesempatan kali ini kita akan membuat password requirement yang nantinya kalau requirement sudah terpenuhi akan berubah warna.

Langsung saja kita eksekusiiiā€¦

Siapkan project flutter anda lalu buat satu file dart dalam lib.

Lalu buat statefull class dan tambahkan variable berikut ini didalam class state:

Kemudian kita buat method untuk mengecek password yang kita ketikkan.

Tambahkan juga TextFormFieldnya dan juga tambahkan validatornya.

Kemuadian kita  buat tampilan untuk requirementnya, nah disini apabila requirement belum terpenuhi maka waarnanya akan merah dan apabila sudah terpenuhi berubah menjadi warna hijau.

Terakhir jangan lupa panggil class ini kedalam main.dart dan jalankan project

Maka hasinya akan seperti dibawah ini:

Sekian tutorial kali ini, semoga bermanfaat dan sampai berjumpa lagi