Tugas review aplikasi flutter

 Assalamu'alaikum warahmatullahi wabarakatuh

nama : dehira zallea Iskandar

kelas : XI RPL 2


@override
Widget build(BuildContext context) {
  return Scaffold(
    extendBodyBehindAppBar: true,
    appBar: AppBar(
      title: const Text('Todo Cantik'),
      backgroundColor: Colors.transparent,
      elevation: 0,
      leading: const SizedBox.shrink(),
      actions: [
        IconButton(
          onPressed: () {},
          icon: const Icon(Icons.settings_outlined),
        )
      ],
      flexibleSpace: _buildHeader(), // Bagian atas berwarna pink lembut
    ),
    body: Column(
      children: [
        const SizedBox(height: 160),
        Padding(
          padding: const EdgeInsets.symmetric(horizontal: 20),
          child: _buildSearchBar(), // Kolom pencarian
        ),
        const SizedBox(height: 16),
        Expanded(child: _buildTaskList()), // Daftar tugas seperti “Beli bahan untuk kue”
      ],
    ),
  );
}


_buildHeader() menampilkan bagian atas berwarna gradasi pink, dengan teks sambutan dan tanggal.

_buildSearchBar() membuat kolom pencarian dan tombol tambah tugas (+).

_buildTaskList() menampilkan daftar tugas dalam bentuk card cantik berwarna pink muda.

Tiap tugas disusun dalam ListView.separated agar ada jarak antar item.

Setiap Task berisi judul dan catatan (contoh: Beli bahan untuk kue – Tepung, gula, telur).

Scaffold mengatur struktur utama halaman: AppBar, body (kolom pencarian + daftar tugas), dan tombol tambah.





Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat tampilan sederhana

Gambar
Bikin Tampilan Flutter Sederhana (Anti Ribet) Kalau lagi belajar Flutter, biasanya tugas awalnya nggak jauh-jauh dari bikin tampilan sederhana. Di artikel ini aku mau bahas cara bikin UI Flutter yang simpel, rapi, dan gampang dipahami, cocok banget buat pemula. Targetnya sederhana: Ada AppBar dengan judul Body pakai Column Minimal 3 Text Tampilannya rapi dan nggak bikin pusing Mulai dari Struktur Dasar Flutter Semua aplikasi Flutter dimulai dari fungsi main() . Dari sini aplikasi dijalankan. void main() { runApp( MaterialApp( home: Scaffold(), ), ); } MaterialApp bisa dibilang sebagai “kerangka besar” aplikasi, sedangkan Scaffold adalah layout halaman utama. Menambahkan AppBar Biar Ada Judul Biar aplikasinya nggak kosong dan kelihatan jelas fungsinya, kita tambahkan AppBar . appBar: AppBar( title: Text('Tampilan Sederhana'), ), AppBar ini muncul di bagian atas layar dan biasanya dipakai buat judul halaman. Mengisi Body dengan Column Karena kita mau nampili...
Baca selengkapnya

To do list part 2

Gambar
   link flutter nya :  https://dehira.blogspot.com/2026/02/to-do-list.html Membuat To Do List Flutter dengan Background Pink Pastel Pada artikel ini kita akan membuat aplikasi **To Do List sederhana menggunakan Flutter**, dengan tampilan yang lebih menarik karena **bagian bawah aplikasi diberi warna background pink pastel**. Cocok banget buat pemula yang lagi belajar UI Flutter atau tugas kuliah. --- ## 🔧 Kode Lengkap Aplikasi Flutter ```dart import 'package:flutter/material.dart'; void main() {   runApp(MyApp()); } // =================== // ROOT APLIKASI // =================== class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'To Do List Sederhana',       debugShowCheckedModeBanner: false,       home: TodoPage(),     );   } } // =================== // HALAMAN UTAMA // =================== class TodoPage extends S...
Baca selengkapnya

MEMBUAT JADWAL PELAJARAN

 ini kode aplikasi yang saya buat: // pubspec.yaml /* name: jadwal_pelajaran description: Aplikasi Jadwal Pelajaran Bernuansa Pink publish_to: 'none' version: 1.0.0+1 environment:   sdk: '>=3.0.0 <4.0.0' dependencies:   flutter:     sdk: flutter   intl: ^0.18.1   shared_preferences: ^2.2.2 dev_dependencies:   flutter_test:     sdk: flutter   flutter_lints: ^2.0.0 flutter:   uses-material-design: true */ import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'dart:convert'; void main() {   runApp(const MyApp()); } class MyApp extends StatelessWidget {   const MyApp({super.key});   @override   Widget build(BuildContext context) {     return MaterialApp(       title: 'Jadwal Pelajaran',       theme: ThemeData(         primarySwatch: Colors.pink,     ...
Baca selengkapnya