ใบงานฝึกปฏิบัติ สัปดาห์ที่ 1: MyDiary หน้าตาและการนำทาง

class Diary {
  final String title;
  final String content;
  final String date;                    // << เพิ่มบรรทัดนี้
  Diary({required this.title, required this.content, required this.date});
}

final List<Diary> diaries = [
  Diary(title: 'วันแรกของการเรียน Flutter', content: 'วันนี้ได้เริ่มเขียนแอปตัวแรก รู้สึกตื่นเต้นมาก', date: '1 มิ.ย. 2568'),
  Diary(title: 'เข้าใจ Widget แล้ว', content: 'ทุกอย่างใน Flutter คือ Widget เหมือนต่อเลโก้', date: '3 มิ.ย. 2568'),
  Diary(title: 'ทำ ListView สำเร็จ', content: 'วันนี้ทำรายการเลื่อนได้ ภูมิใจจัง', date: '5 มิ.ย. 2568'),
  // << เพิ่มอีก 2 อันด้วยตัวเอง (เรื่องอะไรก็ได้)
];

subtitle: Text('${diaries[i].date} • ${diaries[i].content}',
    maxLines: 1, overflow: TextOverflow.ellipsis),

child: Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    Text(diary.title, style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
    const SizedBox(height: 4),
    Text(diary.date, style: const TextStyle(fontSize: 14, color: Colors.grey)),  // << วันที่
    const Divider(height: 32),          // << เส้นคั่น
    Text(diary.content, style: const TextStyle(fontSize: 16, height: 1.6)),
  ],
),

return Scaffold(
  appBar: AppBar(title: const Text('บันทึกของฉัน')),
  body: ListView.builder( ... ),        // ของเดิม
  floatingActionButton: FloatingActionButton(
    onPressed: () {
      // แสดงข้อความแจ้งชั่วคราว
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('ฟีเจอร์เพิ่มบันทึก มาสัปดาห์หน้า!')),
      );
    },
    child: const Icon(Icons.add),
  ),
);

body: Center(
  child: Padding(
    padding: const EdgeInsets.all(24),
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        const CircleAvatar(         // << รูปวงกลม (ใช้ไอคอนแทนรูปก่อน)
          radius: 50,
          backgroundColor: Colors.indigo,
          child: Icon(Icons.book, size: 50, color: Colors.white),
        ),
        const SizedBox(height: 20),
        const Text('MyDiary', style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold)),
        const SizedBox(height: 8),
        const Text('แอปสมุดบันทึกส่วนตัว'),
        const SizedBox(height: 4),
        const Text('สร้างโดย [ใส่ชื่อจริง]'),      // << ใส่ชื่อตัวเอง
        const Text('รหัสนักศึกษา [ใส่รหัส]'),       // << ใส่รหัส
        const SizedBox(height: 16),
        const Text('เวอร์ชัน 1.0', style: TextStyle(color: Colors.grey)),
      ],
    ),
  ),
),

// ประกาศเหนือ return
final List<Color> colors = [Colors.indigo, Colors.teal, Colors.orange, Colors.pink, Colors.green];

// ใน ListTile เปลี่ยน leading เป็น
leading: Icon(Icons.book, color: colors[i % colors.length]),