1. Tujuan
Tujuan praktikum ini adalah agar mahasiswa mampu:
- Membuat form input menggunakan TextField dan TextFormField.
- Mengontrol inputan dengan
TextEditingController. - Menerapkan validasi form dengan
FormdanGlobalKey<FormState>. - Mengimplementasikan aplikasi kalkulator sederhana (kabataku: kali, bagi, tambah, kurang).
2. Alat
Perangkat yang digunakan:
- Komputer/laptop dengan Flutter SDK terinstal.
- Android Studio atau Visual Studio Code sebagai editor.
- Android SDK & Emulator/Perangkat fisik untuk menjalankan aplikasi.
3. Teori
Basic Form digunakan untuk menerima input, melakukan validasi, dan mengelola data. Flutter menyediakan beberapa widget penting:
- TextField → menerima input teks sederhana, bisa menggunakan
TextEditingController. - TextFormField → versi lengkap TextField dengan dukungan validasi melalui
validator. - Form + GlobalKey<FormState> → mengelola validasi beberapa input sekaligus.
- SnackBar → menampilkan pesan umpan balik dari input.
4. Langkah-langkah
a. Membuat Basic Form dengan TextField
- Membuat file form_textfield.dart.
- Menambahkan TextField untuk input nama.
- Menghubungkan tombol ElevatedButton untuk menampilkan input melalui
SnackBar.
Kode Program:
Hasil Output:
b. Membuat Basic Form dengan TextFormField
- Membuat file form_textformfield.dart.
- Menambahkan 2 buah TextFormField (nama dan email).
- Menggunakan validator untuk validasi input kosong dan format email.
- Menampilkan pesan hasil validasi menggunakan SnackBar.
Kode Program:
Hasil Output:
5. Latihan / Tugas
Latihan yang dikerjakan adalah membuat aplikasi kalkulator kabataku:
- Menerima 2 input angka melalui
TextField. - Menyediakan tombol operasi tambah, kurang, kali, dan bagi.
- Menampilkan hasil perhitungan di layar.
Kode Program:
Hasil Output:
6. Kesimpulan
Pada praktikum ini mahasiswa berhasil mempelajari penggunaan TextField dan TextFormField, memahami cara mengontrol input dengan TextEditingController, serta melakukan validasi input menggunakan Form dan GlobalKey<FormState>. Selain itu, mahasiswa juga mampu membuat aplikasi kalkulator sederhana (kabataku) yang memanfaatkan input form, tombol aksi, serta menampilkan hasil perhitungan secara dinamis.
