onTab 구현

lib/checklist_item.dart

+import 'package:flutter/material.dart';
+
+class ChecklistItem extends StatefulWidget {
+  final String title;
+  ChecklistItem({required this.title});
+
+  @override
+  State<StatefulWidget> createState() => _ChecklistItem();
+}
+
+class _ChecklistItem extends State<ChecklistItem> {
+  bool _isChecked = false;
+
+  void _check() {
+    setState(() {
+      _isChecked = !_isChecked;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: _check,
+      child: Container(
+        child: Text(
+          widget.title,
+          style: TextStyle(
+            color: _isChecked ? Colors.grey : Colors.black,
+            decoration: _isChecked ? TextDecoration.lineThrough : null,
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/checklist_view.dart

 import 'package:flutter/material.dart';
+import 'package:second_flutter/checklist_item.dart';
 
 class ChecklistView extends StatefulWidget {
   @override
@@ -8,11 +9,19 @@ class ChecklistView extends StatefulWidget {
 }
 
 class _ChecklistView extends State<ChecklistView> {
+  List<String> checklist = ["집가고싶다", "과제해야돼", "으아아아악"];
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(title: const Text('checklist')),
-      body: Container(),
+      body: Container(
+        child: Column(
+          children: List<Widget>.generate(checklist.length, (index) {
+            return ChecklistItem(title: checklist[index]);
+          }),
+        ),
+      ),
     );
   }
 }

lib/main.dart

 // main.dart
 
 import 'package:flutter/material.dart';
-import 'package:second_flutter/checklist_item.dart';
 import 'package:second_flutter/checklist_view.dart';
 
 void main() {