Assalamualaikum wr wb.
Hai teman-teman kembali lgi di blog saya, kali ini kita
akan membahas materi tentang Widget Dasar Pada Flutter, sebelum masuk ke materi utama
alangkah baiknya kita mengenal terlebih dahulu apa itu Flutter.
Yuk simak penjelasan dibawah ini J
Apa itu flutter?
Flutter adalah keragka kerja sumber terbuka yang dikembangkan dan didukung oleh goggle. Flutter dirancang untuk memberikan kemudahan kepada para programmer mobile dalam membangun aplikasi mobile multi platform dengan platform “native” dengan cepat.
Saat flutter diluncurkan pada tahun 2018, flutter mendukung pengembangan aplikasi seluler. Flutter mendukung pengembangan aplikasi di enam platform yaitu : Android, iOS, Windows, MacOS, Web, dan Linux.
Apa itu widget pada flutter ?
Widget adalah semua komponen seperti bottun, text,
icon dan sebagainya yang membentuk sebuah tampilan atau kerangka aplikasi.
Keseluruhan dari aplikasi yang terlihat pada layar merupakan kumpulan widget. Dengan
widget kita akan mendapatkan bantuan dengan membuat desain di android dengan
lebih cepat. Hal ini dikarenakan widget dapat memiliki suatu hande yang unik
antar user interaction.
Widget pada flutter terdapat 2 macam stateless dan
statefull pada flutter, selain dua itu tredapat juga beberapa widget yang
sering digunakan dalam pembuatan aplikasi mobile dengan menggunakan flutter sdk
yang dapat dibagi menjadi beberapa golongan dari widget yang berupa
accessibility, animation, dan mation, async. Basic daln lain”.
Terdapat bebrapa widget flutter yang sering digunakan
untuk membuat aplikasi mobile dengan bantuan flutter, yaitu : Widget container,
widget wrap, widget raw, widget colom dan lain sbg.
Memahami penggunaan text widget
Text adalah bagian yang sangat penting dari sebuah UI
aplikasi mobile mana pun. Pada flutter, untuk menmpilkan text kita dapat
menggunakan Text widget atau “RichText” widget. Dua widget tersebut mirip tapi
berbeda.
Text widget dibagi menjadi dua yaitu : String yang
merupakan data dan nentinya akan ditampilkan kelayar, lalu property kedua
merupakan argument berbentuk object yang dimana berfungsi untuk memanipulasi
tampilan seperti warna, ukuran, posisi dll. Argument pada text bersifat tidaak
kwajib (opsional)
Container Widget
Widget container adalah sebuah widget yang bertugas
sebgaai pembungkus dari widget lain.
Widget container layaknya sebuah kotak kosong yang tidak memiliki batasan untuk menampung widget-widget didalamnya, dan container akan menyesuaikan size height dengan child yang terkanadung di dalam container tersebut.
Dinamakan container karena nantinya, ia bisa memiliki property-properti bingkai seperti:
- padding
- margin
- border
- border radius
- box shadow
- dll
Menampilkan gambar dengan image widget
Apliaksi android pada umumpnya menggunakan gambar,
gambar digunakan sebgai tampilan interaktif kepada user, seperti berita pada
umumnya menampilkan gambar.
Pada tahap awal untuk menampilkan gambar dengan image
widget kita harus menyiapkan gambar terlebihdahulu, baik itu di internet atau
ada di folder laptop.
1.
Buat satu folder bernama imag di dalam project
tersebut daan isikan gambar Yang ingin di tamapilkan di apps.
2.
Setelah itu masuk di file pusbect.yaml atur lokasi
gambar dengan format : -image/gambar.jpg
3.
Setelah itu klik packages get di sudut kanan atas yang
berfungsi memberitahukan ke system ada gmbar baru yang akan dipakai untuk
aplikasi, pastikan tidak ada error di bagian message logcat running di idea
androis studio.
Setelah semua di set kita akan mulai coding, buka file
main.drt yang ada di dalam folder lib.
4.
Setelah itu coba untuk running, jika berhasil maka
akan muncul gambar yang telah dimasukkan
Komentar
Posting Komentar