Posts

Showing posts from January, 2026

Belajar Flutter

Image
  Laporan Pembelajaran Mandiri Flutter Mata Pelajaran: Pemrograman Mobile Nama: Rizqi Resdhiana Kelas: XI RPL II 📝 Cerita Singkat Kegiatan Hari Ini Pada pembelajaran hari ini, saya melakukan kegiatan belajar mandiri sesuai dengan instruksi guru. Fokus pembelajaran adalah mengombinasikan beberapa widget Flutter untuk membangun satu halaman aplikasi sederhana yang rapi dan dapat dijalankan tanpa error. Dalam proses pengerjaan, saya mencoba memahami fungsi masing-masing widget serta bagaimana cara menyusunnya agar tampilan aplikasi terlihat lebih terstruktur. Jika terjadi kesalahan (error), saya mencoba memperbaikinya sendiri dengan membaca kembali kode dan melakukan eksperimen kecil. Pembelajaran ini membantu saya memahami bahwa membuat UI Flutter membutuhkan ketelitian, kesabaran, dan banyak percobaan. 🧩 Widget yang Digunakan Pada aplikasi Flutter yang saya buat, saya telah menggunakan widget-widget berikut: MaterialApp sebagai root aplikasi Scaffold sebagai kerangka halama...

Latihan membuat tampilan flutter sederhana 🤖

Image
M embuat Tampilan Flutter Sederhana Menggunakan AppBar, Row, Padding, dan SizedBox Flutter merupakan framework buatan Google yang digunakan untuk membangun aplikasi mobile, web, dan desktop dengan satu basis kode. Pada artikel ini, kita akan membahas contoh tampilan Flutter sederhana yang terdiri dari AppBar , Row , Text , Padding , dan SizedBox . Contoh ini cocok untuk pemula yang baru belajar dasar UI Flutter. 1. Struktur Dasar Aplikasi Flutter Setiap aplikasi Flutter dimulai dari fungsi main() yang menjalankan widget utama menggunakan runApp() . Widget utama biasanya berupa MaterialApp yang berfungsi sebagai akar aplikasi dan menyediakan tema serta navigasi. Pada contoh ini, widget utama bernama MyApp dan halaman utamanya adalah HomePage . 2. Menggunakan Scaffold dan AppBar Scaffold digunakan sebagai kerangka utama halaman. Di dalamnya terdapat AppBar yang berfungsi sebagai header aplikasi. Pada AppBar: title digunakan untuk menampilkan judul backgroundColor untuk mengatur w...