Praktikum Fluter Sesi 2 - Struktur Project&Main.Dart
🧕🏻IDENTITAS
👤 Nama: Rizkya Amelia
🏫 Kelas: XI RPL 2
🔢 No.Absen:33
----------------------------------------------------------------------------------
🎯 Tujuan
Praktikum Flutter Seri 2 bertujuan untuk memahami struktur dasar aplikasi Flutter dan mengetahui alur kerja program dari main() sampai widget yang digunakan untuk menampilkan tampilan aplikasi. Dalam praktikum ini saya membuat aplikasi sederhana berupa profil siswa RPL 👨💻.
🛠️ Alat yang digunakan
Alat yang digunakan dalam praktikum ini yaitu:
📱 HP Android
💻 DartPad
🐦 Fluter
🌐 Browser
💻 Kode Program
impor 'paket:flutter/material.dart';
void main() {
jalankanApp(const ProfilSiswaApp());
}
kelas ProfilSiswaApp memperluas StatelessWidget {
const ProfilSiswaApp({super.key});
@mengesampingkan
Widget build(BuildContext context) {
kembalikan MaterialApp(
debugShowCheckedModeBanner: salah,
Beranda: Perancah(
appBar: AppBar(
judul: konstanta Teks(
'👨💻 Profil Siswa RPL',
gaya: Gaya Teks(
Ukuran huruf: 22,
Ketebalan huruf: Ketebalan huruf.tebal,
),
),
centerTitle: benar,
Warna latar belakang: Warna.indigo,
),
badan: Tengah(
anak: Wadah(
lebar: 330,
padding: const EdgeInsets.all(25),
dekorasi: Dekorasi Kotak(
warna: Warna.indigo.nude50,
borderRadius: BorderRadius.circular(25),
batas: Batas.semua(
warna: Warna.indigo,
lebar: 2,
),
),
anak: konstanta Kolom(
UkuranSumbuUtama: UkuranSumbuUtama.min,
anak-anak: [
Teks(
'👩💻',
gaya: Gaya Teks (ukuran font: 55),
),
Kotak Berukuran (tinggi: 10),
Teks(
'✨ PROFIL SISWA RPL ✨',
textAlign: TextAlign.center,
gaya: Gaya Teks(
Ukuran huruf: 23,
Ketebalan huruf: Ketebalan huruf.tebal,
),
),
Kotak Berukuran (tinggi: 20),
Teks(
'👤 Nama: Rizkya Amelia',
gaya: Gaya Teks (ukuran font: 18),
),
Kotak Berukuran (tinggi: 8),
Teks(
'🏫 Kelas: XI RPL 2',
gaya: Gaya Teks (ukuran font: 18),
),
Kotak Berukuran (tinggi: 8),
Teks(
'🔢 No. Absen: 33',
gaya: Gaya Teks (ukuran font: 18),
),
Kotak Berukuran (tinggi: 15),
Teks(
'🚀 Status: Sedang Belajar Flutter',
textAlign: TextAlign.center,
gaya: Gaya Teks(
Ukuran huruf: 17,
Ketebalan huruf: Ketebalan huruf.tebal,
),
),
Kotak Berukuran (tinggi: 15),
Teks(
'💻📱🐦 Semangat Belajar! 🔥',
gaya: Gaya Teks(
Ukuran huruf: 18,
Ketebalan huruf: Ketebalan huruf.tebal,
),
),
],
),
),
),
),
);
}
}
📸 Screenshot Kode Dratpad
📸 Screenshot Hasil Aplikasi
💭 Refleksi Singkat
Setelah melakukan praktikum ini, saya menjadi lebih memahami struktur dasar Flutter dan fungsi setiap widget. Saya juga belajar bagaimana main() menjalankan aplikasi hingga widget menampilkan tampilan profil siswa. Selain itu, saya dapat membuat tampilan lebih menarik dengan warna, ukuran teks, container, dan emoji. 🚀📱
Comments
Post a Comment