navigator

lib/checklist_view.dart

+// checklist_view.dart
+import 'package:flutter/material.dart';
+
+class ChecklistView extends StatefulWidget {
+  const ChecklistView({super.key});
+
+  @override
+  State<ChecklistView> createState() => _ChecklistViewState();
+}
+
+class _ChecklistViewState extends State<ChecklistView> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('checklist')),
+      body: Container(),
+    );
+  }
+}
+

lib/main.dart

 // main.dart
 import 'package:flutter/material.dart';
+import 'package:flutter_application_0430/checklist_view.dart';
 
-void main() {
-  runApp(const MyApp());
-}
+void main() => runApp(const MyApp());
 
 class MyApp extends StatelessWidget {
   const MyApp({super.key});
@@ -18,46 +17,34 @@ class MyApp extends StatelessWidget {
 
 class MyHomePage extends StatefulWidget {
   const MyHomePage({super.key, required this.title});
-
   final String title;
 
   @override
-  State<MyHomePage> createState() => _MyHomePage();
+  State<MyHomePage> createState() => _MyHomePageState();
+}
+
+class _MyHomePageState extends State<MyHomePage> {
+  void _moveView() {
+    Navigator.push(
+      context,
+      MaterialPageRoute(builder: (context) => const ChecklistView()),
+    );
   }
 
-class _MyHomePage extends State<MyHomePage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(title: Text(widget.title)),
-      body: Container(
-        margin: const EdgeInsets.all(20),
-        padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 20),
-        child: Center(
-          child: Column(
-            mainAxisAlignment: MainAxisAlignment.start,
-            children: [
-              Container(
-                width: 400,
-                height: 200,
+      body: Center(                                  // 가운데 배치
+        child: GestureDetector(
+          onTap: _moveView,                          // 탭 시 화면 전환
+          child: Container(
+            width: 40,
+            height: 40,
             decoration: BoxDecoration(
-                  border: Border.all(color: Colors.black, width: 2),
-                ),
-                child: const Text('text in box'),
-              ),
-              const Text('text outside of box'),
-              Row(
-                mainAxisAlignment: MainAxisAlignment.start,
-                children: [
-                  const Text('text in Row'),
-                  Container(
-                    width: 100,
-                    height: 100,
-                    child: const Icon(Icons.flag),
-                  ),
-                ],
+              border: Border.all(color: Colors.black),
             ),
-            ],
+            child: const Text('move'),             
           ),
         ),
       ),