init

lib/pages/index.dart

@@ -0,0 +1,67 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:pad_start/pages/page1/index.dart';
+import 'package:pad_start/pages/page2/index.dart';
+import 'package:pad_start/pages/page3/index.dart';
+import 'package:pad_start/pages/page4/index.dart';
+
+class IndexPage extends StatefulWidget {
+  const IndexPage({Key? key}) : super(key: key);
+
+  @override
+  State<IndexPage> createState() => _IndexPageState();
+}
+
+class _IndexPageState extends State<IndexPage> {
+  List<String> nav = ['首页', '操作', '演示', '我的'];
+  int currentIndex = 0;
+  List<Widget> navWidget = [Page1(), Page2(), Page3(), Page4()];
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Row(
+        children: [
+          Container(
+            width: 100.w,
+            height: double.infinity,
+            color: Colors.grey.withOpacity(0.1),
+            child: Column(
+              children: [
+                ...List.generate(nav.length, (index){
+                  return Container(
+                    margin: EdgeInsets.only(bottom: 10),
+                    child: Material(
+                      color: Colors.white,
+                      child: InkWell(
+                        onTap: (){
+                          setState((){
+                            this.currentIndex = index;
+                          });
+                        },
+                        child: Container(
+                          width: 100.w,
+                          height: 100.w,
+                          alignment: Alignment.center,
+                          child: Text('${nav[index]}', style: TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.bold,
+                          ),),
+                        ),
+                      ),
+                    ),
+                  );
+                })
+              ],
+            ),
+          ),
+          Expanded(child: Container(
+            child: IndexedStack(
+              index: currentIndex,
+              children: navWidget,
+            ),
+          ))
+        ],
+      ),
+    );
+  }
+}