Melanjutkan pembahasan tutorial flutter untuk pengembangan aplikasi android. Sebelumnya telah kita bahas bagaimana cara membuat project pertama Flutter dengan meggunakan perintah Command Line. Pada pembahasan materi tersebut, kita belum membahas pengenalan code-code yang terdapat dalam project Flutter. Bagi seorang pengembang aplikasi, memahami code sangat penting, namun ada hal awal yang perlu dipahami terlebih dahulu yaitu struktur direktori projectnya, agar tidak bingung nanti saat membuat aplikasi Flutter.

Untuk lanjut ke materi ini, dipastikan kita telah mempraktekkan materi sebelumnya tentang pengenalan instalasi flutter SDK dan pembuatan project awal flutter.

Jika sudah memahami materi dasarnya, kita lanjutkan ke pembahasan mengenal Struktur Direktori Project Flutter

Struktur Direktori Project Flutter

Pada saat kita membuat project flutter dengan perintah “flutter create app_nama” pada command line, project Flutter akan dibuat secara langsung pada direktori yang telah kita tentukan. Berikut struktur project aplikasi Flutter jika kita menampilkannya menggunakan windows explorer:

direktori project flutter
direktori project flutter

Berikut penjelasannya untuk setiap Folder yang tampak pada gambar:

  •  Folder android berisi source code untuk aplikasi android;
  • Folder ios berisi source code untuk aplikasi iOS;
  • Folder lib berisi source code Dart, di sini kita akan menulis kode aplikasi;
  • Folder test berisi source code Dart untuk testing aplikasi;
  • File .gitignore adalah file Git;
  • File .metadata merupakan file yang berisi metadata project yang di-generate otomatis;
  • File .packages merupakan file yang berisi alamat path package yang dibuat oleh pub;
  • File flutter_app.iml merupakan file XML yang berisi keterangan project;
  • File pubspec.lock merupakan file yang berisi versi-versi library atau package. File ini dibuat oleh pub. Fungsinya untuk mengunci versi package.
  • File pubspec.yaml merupakan file yang berisi informasi tentang project dan libraray yang dibutuhkan;
  • FileREADME.md merupakan file markdown yang berisi penjelasan tentang source code.

Sekarang, kita akan melihat code utama Flutter yang terdapat pada folder “lib” yaitu : main.dart. Sekilas file ini dibuat dengan bahasa pemrograman “dart”, apa itu bahasa dart, akan kita bahasa di topik belajar berikutnya.

Berikut adalah isi code main.dart:

Memang source codenya panjang sekali, namun bagi yang sudah paham bahasa pemrograman, didalam code tersebut hanya banyak komentar.

Kita akan bahasa kode utamanya yang hanya terdiri dari tiga bagian saja, yaitu:

  1. Bagian import;
  2. Bagian main;
  3. Bagian widget.

Berikut penjelasan untuk lebih memahami code utama selain yang code diats yang sangat panjang. code ini jika kita jalankan akan menampilkan tulisan “Belajar Aplikasi Flutter bersama SimpelAndroid.com”.

Code yang ringkas, dan berikut penjelasan nya:

direktori project flutter
Direktori project flutter

1. Bagian Import

Penjelasannya, Bagian import ini tempat kita mendeklarasikan atau mengimpor library yang dibutuhkan untuk kebutuhan aplikasi yang akan dibuat.

2. Bagian Main

Penjelasannya, Bagian main merupakan fungsi utama dari aplikasi yang akan menjadi entri point. Fungsi ini akan dieksekusi pertama kali saat aplikasi dibuka. Hampir sama dengan fungsi “void main” pada bahasa pemrograman Java.

3. Bagian Widget

Penjelasannya, Bagian widget merupakan tempat kita membuat widget untuk aplikasi. Aplikasi Flutter sebenarnya terdiri dari susunan widget. contoh Widget seperti Tombol, Teks, Layout, Image, Button, dan sebagainya.

Itulah sedikit penjelasan tentang direktori project flutter yang kita buat dengan perintah command line. Kita belum membahas struktur direktori project flutter apabila menggunakan IDE Android Studio. Kayaknya gak ada perbedaannya, namun akan kita bahas setelah kita mempelajari cara buat project flutter menggunakan Android Studio.

Kesimpulan Tutorial Flutter memahami Struktur Project Aplikasi Flutter

  • Pengembang aplikasi Flutter sangat penting untuk mempelajari Struktur Direktori Project Flutter
  • Direktori Project Flutter terdiri dari beberapa file dan folder yang fungsi utamanya terdapat dalam folder lib
  • Code untuk aplikasi android dan iOS terletak dalam folder yang berbeda
  • 3 bagian utama dalam code “main.dart” yaitu bagian import, main dan bagian widget
Tutorial Flutter, Struktur Project Aplikasi Flutter
Tag pada: