Home Mobile FLUTTER:MEMBUAT PASSWORD STRENGTH CHECKER

FLUTTER:MEMBUAT PASSWORD STRENGTH CHECKER

0

Halo semuanya, pada kesempatan kali ini kita akan membuat pemeriksaan kekuatan password atau passwrd strength checker.  Cara kali ini kita tidak memerlukan plugin atau library dari pub dev, cukup menggunakan bawaan dari flutter. Ketika kita memasukkan kata sandi maka indikator akan berubah warna sesuai kekuatan password yang diketikkan.

Langkah pertama

Silahkan buat prjectnya terlebih daluhu, kemudian buat file baru bebas yang nantinya akan dipanggil dalam main.dart.

Selanjutnya kita akan membuat variabel seperti dibawah ini:

Kemudian kita buat method untuk mengecek kekuatan passwordnya:

Jangan lupa tambahkan formKeynya:

Lalu buat tempat inputan password beserta validasi dan onchangednya.

Kemudian tambahkan linear progress indicator untuk mengecek kekuatan password saat kita ketikkan dalam textformfield.

Dan hasilnya akan seperti ini:

Nah sekian tutorial kali ini, semoga bermanfaat dan sampai jumpa di artikel selanjutnya.