feat(ui_kit): implement top app bar and update example

2023-02-22 15:50:46 +01:00
parent 41a484c013
commit ad0f1ec1c5
13 changed files with 536 additions and 0 deletions
@@ -0,0 +1,69 @@
+import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
+import 'package:wyatt_ui_components/wyatt_wyatt_ui_components.dart';
+import 'package:wyatt_ui_kit/wyatt_ui_kit.dart';
+import 'package:wyatt_ui_kit_example/demo_page.dart';
+
+class Bars extends DemoPage {
+  const Bars({super.key});
+
+  @override
+  Widget build(BuildContext context) => ListView(
+        cacheExtent: 1000,
+        children: [
+          const Gap(20),
+          TopAppBar(
+            leading: Padding(
+              padding: const EdgeInsets.all(8),
+              child: Image.asset('assets/images/studio_logo.png'),
+            ),
+            title: 'Wyatt Studio'.wrap(
+              gradientColors: const MultiColor(
+                [
+                  Color.fromRGBO(57, 167, 254, 1),
+                  Color.fromRGBO(71, 94, 241, 1),
+                ],
+              ),
+            ),
+            actions: [
+              IconButton(onPressed: () {}, icon: const Icon(Icons.menu))
+            ],
+          ),
+          const Gap(20),
+          TopAppBar(
+            leading: Padding(
+              padding: const EdgeInsets.all(8),
+              child: Image.asset('assets/images/studio_logo.png'),
+            ),
+            title: 'Wyatt Studio'.wrap(
+              gradientColors: const MultiColor(
+                [
+                  Color.fromRGBO(57, 167, 254, 1),
+                  Color.fromRGBO(71, 94, 241, 1),
+                ],
+              ),
+            ),
+            expandedWidget: const [
+              ListTile(
+                title: Text('Votre programme'),
+              ),
+              ListTile(
+                title: Text('Votre programme'),
+              ),
+              ListTile(
+                title: Text('Votre programme'),
+              )
+            ],
+            actions: [
+              IconButton(
+                onPressed: () {},
+                icon: const Icon(Icons.clear),
+              )
+            ],
+          ),
+        ],
+      );
+
+  @override
+  String get title => 'Bars';
+}