combine tab

theachoem · Feb 11, 2024 · d2e78ca · d2e78ca
1 parent 3a79418
commit d2e78ca
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 15 deletions.
diff --git a/lib/app.dart b/lib/app.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_projection/pages/custom_paints/custom_paints_page.dart';
 import 'package:flutter_projection/pages/transform/transform_page.dart';
 
 class App extends StatelessWidget {
@@ -10,7 +11,52 @@ class App extends StatelessWidget {
   Widget build(BuildContext context) {
     return MaterialApp(
       theme: ThemeData.dark(),
-      home: const TransformPage(),
+      home: const HomePage(),
+    );
+  }
+}
+
+class HomePage extends StatefulWidget {
+  const HomePage({super.key});
+
+  @override
+  State<HomePage> createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  int index = 0;
+
+  final pages = [
+    const CustomPaintsPage(),
+    const TransformPage(),
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: DropdownMenu<String>(
+          onSelected: (value) {
+            setState(() {
+              index = pages.indexWhere((e) {
+                return e.runtimeType.toString() == value;
+              });
+            });
+          },
+          dropdownMenuEntries: pages.map(
+            (e) {
+              return DropdownMenuEntry(
+                value: e.runtimeType.toString(),
+                label: e.runtimeType.toString(),
+              );
+            },
+          ).toList(),
+        ),
+      ),
+      body: IndexedStack(
+        index: index,
+        children: pages,
+      ),
     );
   }
 }
diff --git a/lib/pages/custom_paints/custom_paints_page.dart b/lib/pages/custom_paints/custom_paints_page.dart
@@ -21,13 +21,10 @@ class CustomPaintsPage extends StatelessWidget {
     return DefaultTabController(
       length: tabs.length,
       child: Scaffold(
-        appBar: AppBar(
-          title: const Text("Custom Paint"),
-          bottom: TabBar(
-            tabs: tabs.map((e) {
-              return Tab(text: e.runtimeType.toString());
-            }).toList(),
-          ),
+        appBar: TabBar(
+          tabs: tabs.map((e) {
+            return Tab(text: e.runtimeType.toString());
+          }).toList(),
         ),
         body: TabBarView(children: tabs),
       ),

diff --git a/lib/pages/transform/transform_page.dart b/lib/pages/transform/transform_page.dart
@@ -15,13 +15,10 @@ class TransformPage extends StatelessWidget {
     return DefaultTabController(
       length: tabs.length,
       child: Scaffold(
-        appBar: AppBar(
-          title: const Text("Transform"),
-          bottom: TabBar(
-            tabs: tabs.map((e) {
-              return Tab(text: e.runtimeType.toString());
-            }).toList(),
-          ),
+        appBar: TabBar(
+          tabs: tabs.map((e) {
+            return Tab(text: e.runtimeType.toString());
+          }).toList(),
         ),
         body: TabBarView(children: tabs),
       ),