Input Widgets dan Basic Form

Author: Sherly Ananda Putri - 2311532017

Tujuan praktikum ini yaitu mahasiswa mampu membuat membuat basic form untuk menerima inputan dari keyboard dan mengelola inputan

Tools yang saya gunakan:

- Computer / laptop yang telah terinstall SDK Dart, SDK Flutter

- IDE (Visual Studio Code / Android Studio)

Langkah-langkah:

1. Basic Form TextField:

Buat tampilan basic form dengan menggunakan Widget TextField untuk inputan, ElevatedButton untuk memberikan event listener

Output:
Menambahkan Varible Controller: Tambahkan kode program pada class _MyFormState Tambahkan variabel controller untuk menangani input dari pengguna.

Output:
Menambahkan properti pada Widget TextFieldGunakan properti seperti controller, decoration (label, hint), dan keyboardType. Output:




          2. Basic Form TextFormField  
          

          Menggunakan TextFormField Untuk validasi input, gunakan TextFormField dengan validator. Komponen ini sangat berguna ketika form memiliki banyak field.
          


          
              


                Output:
                

                
                
                

                


        TUGAS
          

         
            
                Buatlah aplikasi kalkulator yang dapat menjalankan operasi kabataku
            

            
                Gunakan 2 buah widget inputan (TextField atau TextFormField) untuk menerima nilai inputan.
            
            
                Gunakan ElevatedButton untuk mengeksekusi operasi kabataku
            
            
                Gunakan widget Text untuk menampilkan hasil operasi
            
         
          


          
              


                Output:


         
        Demikian Laporan 3 Praktikum Input Widgets dan Basic Form ini. Semoga Bermanfaat.


        
    
        Kembali ke menu praktikum