1

lib/14/01/pages/app/app.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+
+import 'app_navigation.dart';
+import 'app_tool_bar.dart';
+
+class App extends StatelessWidget {
+  const App({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        theme: ThemeData(
+            appBarTheme: const AppBarTheme(
+                elevation: 0,
+                iconTheme: IconThemeData(color: Colors.black),
+                titleTextStyle: TextStyle(
+                  color: Colors.black,
+                  fontSize: 18,
+                  fontWeight: FontWeight.bold,
+                ))),
+        debugShowCheckedModeBanner: false,
+        home: const Scaffold(
+          appBar: AppToolBar(),
+          body: AppNavigation(),
+        ));
+  }
+}
+

lib/14/01/pages/app/app_navigation.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import '../page_a.dart';
+import '../page_b.dart';
+import '../page_c.dart';
+import '../home_page.dart';
+
+ValueNotifier<List<String>> router = ValueNotifier(['/']);
+
+class AppNavigation extends StatefulWidget {
+  const AppNavigation({super.key});
+
+  @override
+  State<AppNavigation> createState() => _AppNavigationState();
+}
+
+class _AppNavigationState extends State<AppNavigation> {
+
+
+  @override
+  void dispose() {
+    router.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ValueListenableBuilder(
+      valueListenable: router,
+      builder: (_, List<String> value, __) => buildNavigatorByConfig(value),
+    );
+  }
+
+  final Map<String, Page> _pageMap = const {
+    '/': MaterialPage(child: HomePage()),
+    'a': MaterialPage(child: PageA()),
+    'b': MaterialPage(child: PageB()),
+    'c': MaterialPage(child: PageC()),
+  };
+
+  Widget buildNavigatorByConfig(List<String> value) {
+    return Navigator(
+      onPopPage: _onPopPage,
+      pages: router.value.map((e) => _pageMap[e]!).toList(),
+    );
+  }
+
+  bool _onPopPage(Route route, result) {
+    return route.didPop(result);
+  }
+}

lib/14/01/pages/app/app_tool_bar.dart

@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'app_navigation.dart';
+
+class AppToolBar extends StatefulWidget implements PreferredSizeWidget{
+  const AppToolBar({super.key});
+
+  @override
+  State<AppToolBar> createState() => _AppToolBarState();
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}
+
+class _AppToolBarState extends State<AppToolBar> {
+
+  TextEditingController _ctrl = TextEditingController();
+
+  @override
+  void initState() {
+    super.initState();
+    _changRoute();
+    router.addListener(_changRoute);
+  }
+
+  @override
+  void dispose() {
+    router.removeListener(_changRoute);
+    _ctrl.dispose();
+    super.dispose();
+  }
+
+  void _changRoute() {
+    _ctrl.text=router.value.join(',');
+  }
+
+  @override
+  Widget build(BuildContext context) {
+
+    return AppBar(
+      backgroundColor: Colors.white,
+      elevation: 0,
+      title : TextField(
+        controller: _ctrl,
+        onSubmitted: _onSubmitted,
+        decoration: InputDecoration( //装饰
+            filled: true, //填充
+            fillColor: Color(0xffF3F6F9), //填充颜色
+            constraints: BoxConstraints(maxHeight: 34), //约束信息
+            contentPadding: EdgeInsets.only(top: -14,left: 10),
+            border: UnderlineInputBorder( //边线信息
+              borderSide: BorderSide.none,
+              borderRadius: BorderRadius.all(Radius.circular(6)),
+            ),
+            hintText: "请输入路由", //提示字
+            hintStyle: TextStyle(fontSize: 14) //提示字样式
+        ),
+      ),
+    );
+  }
+
+  void _onSubmitted(String value) {
+    router.value = value.split(',');
+  }
+}