Tutorial Flutter Part 3 # Mengenal Komponen Widget

Salah satu komponen yang menjadi daya tarik tersendiri dalam fluter yaitu komponen widget yang sangat menarik perhatian user. Flutter mengemas widgetnya dengan sangat baik dan rapih, layaknya bootstrap pada pemrograman web. Pemahaman tentang widget ini harus benar-benar matang. Karena dalam pemrograman berbasis UI user interface tentu widget memaikan peranan yang sangat penting dalam berinteraksi dengan user.

Artikel ini di tulis berdasarkan sambungan dari tutorial flutter part 2, silahkan di baca terlebih dahulu

Tutorial Flutter Part 2 # Hallo Dunia

Widget dalam flutter terdiri dari berikut :

Widget Icon

Konsep pembuatan widget yang saya lakukan berupa pemanggilan nama widget itu sendiri, contohnya bisa di lihat pada source code di bawah ini :

Hasilnya seperti berikut

Widget Text

Tulis kode berikut untuk membuat widget text

Selanjutnya kamu cukup membuat nama widget baru, kemudian memanggil widget tersebut pada body. seperti kode di atas.

Widget TextFormField

silahkan tulis kode berikut ini untuk membuat widget TextFormField

Kemudian panggil widget TextFormField pada body. Lihat kode diatas

Widget Card

Tulis kode berikut ini untuk membuat widget card :

Widget Button

Tulis kode berikut untuk membuat widget button pada flutter

dan masih banyak lagi, hanya beberapa yang menurut saya sangat perlu untuk di pahami

Kesimpulan

Jadi kesimpulannya dengan memahami widget dalam flutter anda setidaknya sudah memasuki tahapan setengah dari pembelajaran flutter. Tinggal bagaimana nantinya widget tersebut berinteraksi dengan basisdata seperti firebase atau sqlite.

Silahkan di kembangkan sendiri. Untuk lebih lengkapnya baca panduan lengkap di dokumentasi flutter

https://flutter.io/docs

ARTIKEL SELANJUTNYA :

( Baca : Tutorial Flutter : Mengenal Komponen Layout )

2 Replies to “Tutorial Flutter Part 3 # Mengenal Komponen Widget”

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *