v

lib/02/01/pages/color_add_page.dart

@@ -21,7 +21,6 @@ class _ColorAddPageState extends State<ColorAddPage> {
   @override
   Widget build(BuildContext context) {
     String text = '# ${_color.value.toRadixString(16)}';
-
     return Scaffold(
       appBar: AppBar(
         title: Text('添加颜色'),

lib/02/01/pages/home_page.dart

@@ -1,29 +1,51 @@
 import 'package:flutter/material.dart';
+import 'package:iroute/02/01/pages/color_add_page.dart';
 
 import '../../../common/components/colors_panel.dart';
 import '../../../common/pages/stl_color_page.dart';
 
-class HomePage extends StatelessWidget {
+class HomePage extends StatefulWidget {
   const HomePage({super.key});
 
+  @override
+  State<HomePage> createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  final List<Color> _colors = [
+    Colors.red, Colors.black, Colors.blue, Colors.green, Colors.orange,
+    Colors.pink, Colors.purple, Colors.indigo, Colors.amber, Colors.cyan,
+    Colors.redAccent, Colors.grey, Colors.blueAccent, Colors.greenAccent, Colors.orangeAccent,
+    Colors.pinkAccent, Colors.purpleAccent, Colors.indigoAccent, Colors.amberAccent, Colors.cyanAccent,
+  ];
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      appBar: AppBar(title:const Text('颜色主页')),
+      floatingActionButton: FloatingActionButton(
+        onPressed: _toAddPage,
+        child: const Icon(Icons.add),
+      ),
       body: ColorsPanel(
-        colors: const [
-          Colors.red, Colors.black, Colors.blue, Colors.green, Colors.orange,
-          Colors.pink, Colors.purple, Colors.indigo, Colors.amber, Colors.cyan,
-          Colors.redAccent, Colors.grey, Colors.blueAccent, Colors.greenAccent, Colors.orangeAccent,
-          Colors.pinkAccent, Colors.purpleAccent, Colors.indigoAccent, Colors.amberAccent, Colors.cyanAccent,
-        ],
-        onSelect: (Color color) => selectColor(context, color),
+        colors: _colors,
+        onSelect: _selectColor,
       ),
     );
   }
 
-  void selectColor(BuildContext context,Color color){
+  void _selectColor(Color color){
     Route route = MaterialPageRoute(builder: (ctx) => StlColorPage(color: color));
     Navigator.of(context).push(route);
   }
 
+  void _toAddPage() async {
+    Route<Color> route = MaterialPageRoute<Color>(builder: (ctx) => const ColorAddPage());
+    Color? color = await Navigator.of(context).push(route);
+    if (color != null) {
+      setState(() {
+        _colors.add(color);
+      });
+    }
+  }
 }