Proyek Kedua: Membangun Aplikasi Pencatat Catatan (Note App) Sederhana

import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(
    debugShowCheckedModeBanner: false,
    home: AplikasiCatatan(),
  ));
}

class AplikasiCatatan extends StatefulWidget {
  const AplikasiCatatan({super.key});

  @override
  State<AplikasiCatatan> createState() => _AplikasiCatatanState();
}

class _AplikasiCatatanState extends State<AplikasiCatatan> {
  // 1. List penampung data catatan
  final List<String> _daftarCatatan = [];

  // 2. Controller untuk mengontrol TextField
  final TextEditingController _catatanController = TextEditingController();

  // 3. Fungsi untuk menambah catatan baru
  void _tambahCatatan() {
    final teks = _catatanController.text.trim();
    if (teks.isNotEmpty) {
      setState(() {
        _daftarCatatan.add(teks);
        _catatanController.clear(); // Kosongkan kolom input setelah disimpan
      });
    }
  }

  @override
  void dispose() {
    _catatanController.dispose(); // Bersihkan controller dari memori
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Catatan Sederhana'),
        backgroundColor: Colors.amber.shade700,
        foregroundColor: Colors.white,
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            // Area Input Teks
            Row(
              children: [
                Expanded(
                  child: TextField(
                    controller: _catatanController,
                    decoration: const InputDecoration(
                      labelText: 'Tulis catatan...',
                      border: OutlineInputBorder(),
                    ),
                  ),
                ),
                const SizedBox(width: 8),
                IconButton.filled(
                  onPressed: _tambahCatatan,
                  icon: const Icon(Icons.send),
                  backgroundColor: Colors.amber.shade700,
                ),
              ],
            ),
            const SizedBox(height: 20),

            // Area Menampilkan Daftar Catatan
            Expanded(
              child: _daftarCatatan.isEmpty
                  ? const Center(
                      child: Text(
                        'Belum ada catatan.',
                        style: TextStyle(color: Colors.grey),
                      ),
                    )
                  : ListView.builder(
                      itemCount: _daftarCatatan.length,
                      itemBuilder: (context, index) {
                        return Card(
                          margin: const EdgeInsets.symmetric(vertical: 4),
                          child: ListTile(
                            leading: CircleAvatar(
                              backgroundColor: Colors.amber.shade100,
                              foregroundColor: Colors.amber.shade900,
                              child: Text('${index + 1}'),
                            ),
                            title: Text(_daftarCatatan[index]),
                          ),
                        );
                      },
                    ),
            ),
          ],
        ),
      ),
    );
  }
}