Scribd
Unggah
152 tayangan3 halaman

Modul Lengkap Flutter

Modul ini memberikan panduan lengkap tentang pemrograman mobile menggunakan Flutter, termasuk instalasi, dasar bahasa Dart, struktur proyek, widget, navigasi, dan manajemen state. Terdapat juga latihan praktikum untuk memperdalam pemahaman, seperti membuat aplikasi kalkulator dan daftar tugas. Diharapkan modul ini membantu pemahaman dasar hingga praktik Flutter dan mendorong eksplorasi lebih lanjut.

Diunggah oleh

ahmad nur ihsan
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
152 tayangan3 halaman

Modul Lengkap Flutter

Modul ini memberikan panduan lengkap tentang pemrograman mobile menggunakan Flutter, termasuk instalasi, dasar bahasa Dart, struktur proyek, widget, navigasi, dan manajemen state. Terdapat juga latihan praktikum untuk memperdalam pemahaman, seperti membuat aplikasi kalkulator dan daftar tugas. Diharapkan modul ini membantu pemahaman dasar hingga praktik Flutter dan mendorong eksplorasi lebih lanjut.

Diunggah oleh

ahmad nur ihsan
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

Modul Lengkap Pemrograman Mobile dengan Flutter

Pendahuluan

Flutter adalah framework UI open-source dari Google untuk membuat aplikasi mobile, web, dan desktop

dengan satu basis kode. Flutter menggunakan bahasa Dart dan sangat populer karena performanya yang

tinggi serta kemudahan dalam pembuatan antarmuka yang responsif.

Instalasi Flutter

Langkah instalasi:

1. Unduh SDK Flutter dari [Link]

2. Ekstrak ke direktori yang diinginkan

3. Tambahkan Flutter ke PATH environment

4. Jalankan 'flutter doctor' untuk pengecekan

5. Install Android Studio dan plugin Flutter + Dart

6. Buat emulator Android atau hubungkan perangkat fisik

Bahasa Dart Dasar

Contoh kode Dart:

void main() {

print('Halo Flutter!');

Fitur:

- Variabel: var, int, double, String

- Fungsi: void tampil() { print('Hi'); }

- Class & Object: class Person {}


Modul Lengkap Pemrograman Mobile dengan Flutter

- If/else, for, while, switch

Struktur Proyek Flutter

Folder penting:

- lib/: kode utama aplikasi

- [Link]: konfigurasi package dan asset

- android/, ios/: kode native

- test/: pengujian unit

Widget Dasar & Layout

Semua elemen di Flutter adalah widget. Contoh:

- Text('Hello')

- ElevatedButton(onPressed: () {}, child: Text('Klik'))

- Row(), Column(), Stack(), Container()

Layout digunakan untuk mengatur posisi dan susunan widget.

Navigasi dan Routing

Navigasi antar halaman:

[Link](context, MaterialPageRoute(builder: (context) => PageBaru()));

Untuk kembali: [Link](context);

Gunakan juga named routes di MaterialApp.

State Management
Modul Lengkap Pemrograman Mobile dengan Flutter

StatelessWidget tidak bisa berubah.

StatefulWidget menyimpan perubahan state dan menggunakan setState().

Contoh:

setState(() { counter++; });

Koneksi ke API

Gunakan package http untuk ambil data dari API.

Contoh:

final response = await [Link]([Link]('[Link]

Data di-decode dengan jsonDecode().

Latihan Praktikum

1. Buat aplikasi kalkulator sederhana (2 input, tambah/kurang/kali/bagi)

2. Buat aplikasi daftar tugas (ToDo list) dengan ListView

3. Implementasi navigasi antar 2 halaman

4. Ambil data dari API JSON dan tampilkan di ListView

5. Buat form input data dan tampilkan kembali di halaman lain

6. Proyek akhir: Aplikasi Daftar Kontak sederhana dengan fitur tambah, hapus, dan lihat detail

Penutup

Modul ini diharapkan membantu pemahaman dasar hingga praktik Flutter.

Lanjutkan belajar melalui dokumentasi resmi di [Link] dan eksplorasi komunitas Flutter Indonesia.

Anda mungkin juga menyukai