Membuat app form flutter

membuat app form dengan textformfield,radiobutton,dropdown menu, dan di tampilkan melalui toast

Langkah awal membuat project baru

Hal yang perlu di lakukan adalah membuat widget satatefull ,karena akan menambahkan dan menampilkan data

Setelah itu deklarasi kan 2 string untuk goup value pada gender , value pada agama,text editing controller untuk nama,password,dan moto

Buat list untuk pilihan agama

 buat untuk textformfield tambahkan controller agar data dapat di input dan di ambil, pada bagian password tambahkan obscureText

Masuk pada radio button,tambahkan value agar nilai dapat di tampilkan dan juga setstate untuk fungsi perubahan nilai . pada bagian onChange juga di buat value.String(); agar data berbentuk string.

Untuk dropdown hampir sama tetappi memakai items untuk menampilkan pilihan , dan item sudah di deklarasikan di awal dengan nama listagama

Masuk pada bagian button , disini saya memakai materialbutton dengan di tambahkan dialog alert,dialog alert berfungsi untuk menampilkan data yang tadi di imputkan dengan cara memanggil controller, dan untuk textformfield penmanggilan dengan cara ${controller.text} dan untuk radio button dan dropdown hampir sama tetapi .text di ganti dengan ToString untuk menampilkan data value .

Preview :

Subscribe

Related articles

Tips Kolaborasi Efektif antara UI/UX Desainer dan Pengembang

Kerja sama yang solid antara UI/UX desainer dan pengembang...

Aturan Penting yang Harus Dipatuhi oleh Seorang UI/UX Designer

Desain Antarmuka Pengguna (UI) dan Pengalaman Pengguna (UX) adalah...

Membangun Profil LinkedIn yang Mengesankan untuk UI/UX Designer

Dalam era digital yang semakin maju, LinkedIn telah menjadi...

Meningkatkan Karir Anda dengan Sertifikasi Google UX

Dalam dunia yang semakin terhubung secara digital, pengalaman pengguna...

Perjalanan Seorang Intern UI/UX Desainer di Udacoding

Sebagai seorang mahasiswa yang bersemangat dan bercita-cita tinggi di...

LEAVE A REPLY

Please enter your comment!
Please enter your name here