#10. Penjelasan MaterialApp Widget Flutter - Flutter Tutorial | Fundamental | Indonesia | Beginner
Assalamu'alaikum, Hello happy Flutter Developer.
Pada kesempatan yang berbahagia pada hari ini, izinkan saya untuk sharing sedikit ilmu kepada teman-teman semua tentang "Penjelasan MaterialApp Widget".
Menurut official website flutter.dev, MaterialApp adalah Widget yang membungkus sejumlah widget lain, yang menggunakan tema material design. Sedangkan, Material Design adalah satu dari sekian banyak Design System yang ada di dunia ini.
Masih bingung? OK, mari cari tahu dulu apa itu Design System.
Menurut laman invisionapp.com, Design System adalah kumpulan komponen yang dapat digunakan kembali, dipandu oleh standar yang jelas, yang dapat dirakit bersama untuk membangun sejumlah aplikasi.
Artinya apa? Artinya teman-teman akan punya standar desain yang jelas saat membangun sebuah aplikasi.
Contoh :
Teman-teman dapat memiliki guideline dalam menentukan ukuran suatu layout. Baik itu paddingnya, marginnya dan lain sebagainya
Bentuk tombol dari material design begitu konsisten
Bentuk input boxnya juga konsisten
Adanya pembeda mana label teks dan mana tombol
dan lain sebagainya.
Sebaliknya, jika tidak memiliki design system, maka :
Layout yang tidak konsisten
Tombol yang bisa saja berbeda-beda bentuknya antara satu menu dengan menu yang lain
Membuat bingung mana tombol dan mana yang label
dan lain sebagainya
Di dunia ini ada banyak Design system. Perusahaan teknologi besar, biasanya memiliki design systemnya sendiri. Hal tersebut agar menjadi ciri khas dari produk mereka.
Contoh :
Atlassian Design System dari Atlassian
Polaris Design System dari Shopify
Carbon Design System dari IBM
Fluent Design System dari Microsoft
Human Interface Guidelines dari Apple
Aspalt Design System dari Gojek Indonesia
Serta, Material Design System dari Google