subfolder for breadcrumb page

correct title
2022-12-09 12:50:58 +01:00
parent ceeae0523e
commit 4e7694f653
7 changed files with 302 additions and 274 deletions
--- a/app/lib/breadcrumb_page/breadcrumb_page.dart
+++ b/app/lib/breadcrumb_page/breadcrumb_page.dart
@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_breadcrumb/flutter_breadcrumb.dart';
+import 'package:provider/provider.dart';
+
+import '../breadcrumb_controller.dart';
+
+class BreadCrumbPage extends StatefulWidget {
+  const BreadCrumbPage(
+      {Key? key, required this.mainPage, required this.rootName})
+      : super(key: key);
+
+  final Widget mainPage;
+  final String rootName;
+
+  @override
+  State<BreadCrumbPage> createState() => _BreadCrumbPageState();
+}
+
+class _BreadCrumbPageState extends State<BreadCrumbPage> {
+  @override
+  Widget build(BuildContext context) {
+    return ChangeNotifierProvider<BreadCrumbController>(
+      create: (BuildContext context) =>
+          BreadCrumbController(widget.mainPage, widget.rootName),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(left: 12, top: 8, bottom: 8),
+            child: Consumer<BreadCrumbController>(
+              builder: (_, controller, __) => BreadCrumb(
+                items: controller
+                    .getNames()
+                    .map((e) => BreadCrumbItem(
+                          padding: const EdgeInsets.all(2),
+                          content: Text(e,
+                              style: Theme.of(context).textTheme.labelMedium),
+                          onTap: () {
+                            controller.switchPage(e);
+                          },
+                        ))
+                    .toList(growable: false),
+                divider: Icon(
+                  Icons.chevron_right,
+                  color: Theme.of(context).textTheme.labelMedium?.color,
+                ),
+              ),
+            ),
+          ),
+          Divider(color: Colors.white.withOpacity(0.3), height: 1),
+          Consumer<BreadCrumbController>(
+            builder: (_, value, __) => value.getCurrentPage(),
+          )
+        ],
+      ),
+    );
+  }
+}