Pembuatan Tampilan Aplikasi Flutter Menggunakan Widget Dasar

Pada tugas ini, saya membuat sebuah tampilan aplikasi sederhana menggunakan Flutter dengan bahasa pemrograman Dart. Fokus utama dari pembuatan ini adalah penggunaan widget dasar, yaitu AppBar, Column, dan beberapa widget Text untuk menampilkan informasi di dalam aplikasi.

Melalui tugas ini, saya mencoba memahami bagaimana struktur dasar sebuah aplikasi Flutter dibangun, serta bagaimana widget saling tersusun untuk membentuk tampilan yang rapi dan mudah dipahami oleh pengguna.

Struktur Widget yang Digunakan

Berdasarkan hasil yang saya buat, tampilan aplikasi diawali dengan AppBar yang berfungsi sebagai bagian atas aplikasi dan berisi judul. AppBar ini membantu memberikan identitas halaman sehingga pengguna dapat langsung mengetahui isi dari tampilan aplikasi.

AppBar: Digunakan untuk menampilkan judul aplikasi agar terlihat lebih terstruktur dan rapi.

Pada bagian body, saya menggunakan widget Column agar beberapa widget Text dapat disusun secara vertikal. Penggunaan Column ini menurut saya sangat memudahkan dalam mengatur urutan tampilan teks tanpa perlu pengaturan yang rumit.

Di dalam Column tersebut, saya menambahkan minimal tiga widget Text. Setiap widget Text memiliki isi yang berbeda dan berfungsi sebagai konten utama dari tampilan aplikasi. Dengan pengaturan ini, tampilan menjadi sederhana namun tetap jelas dan mudah dibaca.

Body (Column & Text): Menampilkan beberapa teks secara berurutan menggunakan widget Column dengan minimal tiga widget Text.

Kesimpulan

Dari hasil pembuatan tampilan aplikasi ini, saya menyimpulkan bahwa widget dasar Flutter sudah cukup untuk membangun sebuah tampilan sederhana namun terstruktur. Dengan kombinasi AppBar, Column, dan Text, tampilan aplikasi dapat dibuat dengan rapi dan mudah dikembangkan ke tahap selanjutnya.

Tugas ini membantu saya memahami cara menyusun widget serta melatih logika dalam membangun antarmuka aplikasi menggunakan Flutter dan bahasa Dart.

© 2026 — Dokumentasi Tugas Flutter