Widget Input Flutter

Mengenal Input

Pemrograman Bergerak Flutter 

Setelah mengenal berbagai hal dasar dalam flutter. Terutama MaterialApp dan Scaffold, bahkan dua jenis widget. Dalam artikel ini kita akan membahas terkait dengan komponen yang digunakan untuk input. 

Komponen input, yang digunakan pada umumnya adalah input text. 

Input Text berbeda dengan Text()!

Pada gambar diatas, adakah yang digunakan untuk bagian input ? 

Ada yaaa, bagian untuk menuliskan 6 digit angka verifikasi.

Bagaimana menggunakan komponen widget input dalam flutter, mari pelajari...

Widget TextField

Salah satu komponen widget untuk input yaitu TextField.

Hasilnya dan bisa digunakan untuk menulis, misalnya

Widget ini memiliki properti-properti yang juga bisa digunakan sesuai dengan kebutuhan pengembangan mobile apps

Misal menggunakan properti 

obscureText: true,

Akan membuat input menjadi terenskripsi.

Hal-hal seperti ini pas digunakan dalam pembuatan log in form untuk melindungi kata sandi atau saat mengolah data-data tertentu.

Bisa juga widget ini dibungkus dengan widget Padding, agar memberikan jarak.

Kode berikut memberikan jarak 30px untuk sisi atas, bawah, kanan dan kiri

Atau hanya ingin memberikan di bagian tertentu saja

Ganti dari EdgeInsets.all dengan EdgeInsets.only

Widget TextFormField

Secara bentuk hampir tidak ada perbedaan dengan sebelumnya, TextField(). Termasuk penulisan dalam kode, bisa langsung dipanggil.

Sama dengan widget TextField, ada beberapa properti dari TextFormField yang bisa digunakan sesuai dengan kebutuhan pengembangan. Namun bisa dikatakan lebih lengkap dan lebih kompleks daripada widget TextField.