Dicoding Developer Coaching #43: Flutter | Mengenal Widget pada Flutter

Setelah menjalankan aplikasi Flutter, ada sebuah pertanyaan besar. Apa inti dari Flutter? Yup, sebagian besar yang ada pada Flutter adalah Widget. Jadi, Anda mungkin pernah mendengar pernyataan bahwa "Flutter is all about Widget". Lalu, apa pengertian dari Widget.

Widget merupakan cara untuk menyatakan dan membangun sebuah tampilan UI. Untuk lebih lengkapnya akan dibahas pada Developer Coaching dengan poin pembahasan seperti berikut:

- Penjelasan apa itu Widget?
- Perbedaan StatefullWidget dan StatelessWidget
- Macam-macam Widget Umum

Informasi event: https://www.dicoding.com/events/4373

Transcript

1. Mengenal Widget pada Flutter Dicoding Developer Coaching #43 Achmad Ilham Curriculum Developer Dicoding
2. Apa itu Widget? Setiap elemen aplikasi pada layar aplikasi Flutter.
3. Widget pada HomePage
4. Widget pada HomePage
5. Tipe Widget 1. Stateless Widget 2. Stateful Widget
6. Stateless Widget vs Stateful Widget Stateless Widget Stateful Widget Tidak menyimpan state apapun Menyimpan state untuk meng-update UI Berjalan pada method build() Berjalan pada method createState() Digunakan untuk membangun widget yang statis (immutable widget) Digunakan untuk membangun widget yang dinamis (mutable widget) Widget tidak di draw ulang Widget akan di draw ulang jika ada perubahan state
7. Stateless Widget vs Stateful Widget class Button1 extends StatelessWidget { final String text = "Tombol 1"; const Button1({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return TextButton( onPressed: () {}, child: Text(text), ); } } class Button2 extends StatefulWidget { const Button2({Key? key}) : super(key: key); @override State<Button2> createState() => _Button2State(); } class _Button2State extends State<Button2> { String text = "Tombol 2"; @override Widget build(BuildContext context) { return TextButton( onPressed: () { setState(() { text = "Teks baru"; }); }, child: Text(text), ); } } StatelessWidget StatefulWidget
8. Widget Umum • Scaffold • Container • Padding • Center • Row dan Column • Button • ListView
9. Flutter Widget of the Week https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG
10. Dicoding Dicoding Dicoding Dicoding Indonesia Contact us : Contact me : ilham@dicoding.com