Rangkuman Materi

 Selamat! Anda telah belajar banyak di modul ini. Ayo kita ingat dan ulas kembali apa saja yang sudah kita pelajari.

  • Pada Flutter, semuanya adalah widget. Widget merupakan komponen yang perlu saling disusun untuk membangun aplikasi Flutter.
  • Widget pada Flutter terbagi menjadi StatelessWidget dan StatefulWidget. State sendiri merupakan data yang ada pada suatu widget dan dapat berubah sesuai interaksi pengguna.
  • Scaffold merupakan sebuah widget yang digunakan untuk membuat tampilan dasar atau kerangka material design pada aplikasi Flutter. Di dalam Scaffold, kita bisa menambahkan widget AppBar, Body, dan FloatingActionButton.
  • Container merupakan widget yang digunakan untuk menampung widget lain. Di dalam Container kita bisa menambahkan style, shape (bentuk), dan dekorasi lain pada child widget-nya.
  • Widget Padding sesuai namanya merupakan widget untuk menambahkan padding atau jarak antara konten dengan border-nya.
  • Center digunakan untuk membuat child widget berada di posisi tengah.
  • Widget Row dan Column digunakan untuk menyusun beberapa widget secara horizontal atau vertikal.
  • Flutter menyediakan beberapa tampilan tombol (button), seperti ElevatedButton, TextButton, OutlinedButton, IconButton, dan DropdownButton.
  • Terdapat beberapa widget yang dapat digunakan untuk menerima input dari pengguna, di antaranya adalah TextField, Switch, Radio, dan Checkbox.
  • Widget Image digunakan untuk menampilkan gambar dari internet atau aset proyek.
  • Kita dapat menambahkan font sendiri sebagai aset lalu menampilkannya menggunakan widget TextStyle.
  • ListView digunakan untuk menampilkan beberapa item dalam bentuk baris atau kolom yang bisa di-scroll.
  • Flutter menyediakan widget Flexible dan Expanded yang dapat memberikan ukuran secara fleksibel dan menempati ruang yang tersedia.
  • Kita dapat memanfaatkan MediaQuery atau widget LayoutBuilder untuk mendapatkan ukuran layar aplikasi yang dijalankan. Dengan ini, kita bisa menentukan breakpoint untuk membuat tampilan yang responsif.
  • Flutter dapat melakukan navigasi antar halaman dengan memanfaatkan Navigator.


Video Pengenalan Widget

Untuk memperdalam dan mempermudah pemahaman terhadap materi ini, Anda dapat menyimak video pembahasan berikut.


Modul selanjutnya adalah modul terakhir. Kita akan membahas tahap deployment dari sebuah aplikasi Flutter. Anda akan belajar bagaimana melakukan build dari aplikasi Flutter menjadi berkas .apk yang bisa diunggah ke Google Play Store. 

Bagaimana? Tinggal satu modul lagi yang harus Anda selesaikan. Semangat!

Popular posts from this blog

Build APK

Image
  Project Flutter yang telah dibuat dapat kita build menjadi berkas .apk yang dapat berjalan di Android. Build APK adalah suatu proses membungkus aplikasi flutter menjadi format .apk yang nantinya untuk diinstal pada perangkat Android. Berikut tahapan ketika build aplikasi Flutter ke APK. AndroidManifest.xml Sebelum mem-build APK, kita akan mengatur berkas  android/app/src/main/AndroidManifest.xml .  AndroidManifest.xml  merupakan sebuah berkas yang berisikan informasi mengenai aplikasi Android yang akan di- build . Informasi-informasi tersebut berupa nama aplikasi, ikon,  permission ,  screen orientation , dan lain-lain. Isi dari  AndroidManifest.xml  seperti berikut: <manifest xmlns:android = "http://schemas.android.com/apk/res/android"      package = "id.eudeka.samples" >      <application          android:name = "io.flutter.app.FlutterApplication"        ...
Read more

Generic

Image
Jika Anda perhatikan pada dokumentasi  collection  seperti  List , sebenarnya tipe dari  List  tersebut adalah  List<E> . Tanda  <...>  ini menunjukkan bahwa  List  adalah tipe  generic , tipe yang memiliki tipe parameter. Menurut  coding convention  dari Dart, tipe parameter dilambangkan dengan satu huruf kapital seperti  E ,  T ,  K , atau  V . Secara umum  generic  merupakan konsep yang digunakan untuk menentukan tipe data yang akan kita gunakan. Kita bisa mengganti tipe parameter  generic  pada Dart dengan tipe yang lebih spesifik dengan menentukan  instance  dari tipe tersebut. Sebagai contoh, perhatikan  List  yang menyimpan beberapa nilai berikut: List <int> numberList = [ 1 , 2 , 3 , 4 , 5 ]; Tipe parameter yang digunakan pada variabel list di atas adalah  int , maka nilai yang bisa kita masukkan adalah nilai dengan tipe  ...
Read more

Build IPA

Image
  Build IPA Catatan: Build .IPA hanya bisa dijalankan dengan mendaftar akun Apple Developer Program. Silakan baca informasi tentang Apple Developer Program di sini  https://developer.apple.com/programs/ . Untuk lulus dari kelas ini, tidak diwajibkan untuk bisa build .IPA. Pada materi ini kita akan mempelajari bagaimana melakukan  build  aplikasi Flutter menjadi berkas  .ipa  yang dapat dijalankan pada perangkat iOS. Sebelum melakukan  build , ada beberapa hal yang perlu kita atur seperti nama dan ikon aplikasi. Setting Nama Aplikasi Untuk mengatur nama aplikasi buka berkas  Info.plist  pada direktori  /ios/Runner/ . Konfigurasi untuk nama aplikasi dapat Anda temukan dan ubah pada  key Bundle Name . <key> CFBundleName </key> <string> builder </string> Atau Anda bisa gunakan library  berikut  untuk men- generate  nama aplikasi melalui  pubspec.yaml . Setting Ikon Aplikasi Sama seperti perang...
Read more