Feat: Fügt einen FloatingActionButton zum Hinzufügen von Konten und Transaktionen hinzu

lib/Pages/home_page.dart

@@ -1,5 +1,6 @@
 import 'package:dropdown_search/dropdown_search.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_expandable_fab/flutter_expandable_fab.dart';
 import 'package:routemaster/routemaster.dart';
 
 /// Eine Seite, die als Container für die verschiedenen Tabs der App dient.
@@ -46,11 +47,13 @@ class _HomePageState extends State<HomePage> {
       ),
 
       bottomNavigationBar: _bottomNav(tabPage),
+
+      floatingActionButtonLocation: ExpandableFab.location,
+      floatingActionButton: _floatingActionButton(),
     );
   }
 
-  Widget _bottomNav(final TabPageState tabPage) =>
-      BottomNavigationBar(
+  Widget _bottomNav(final TabPageState tabPage) => BottomNavigationBar(
     currentIndex: tabPage.index,
     onTap: tabPage.controller.animateTo,
     items: const <BottomNavigationBarItem>[
@@ -63,25 +66,52 @@ class _HomePageState extends State<HomePage> {
     ],
   );
 
-  Widget _accountSelect() =>
-      DropdownSearch<String>(
-        items:
-            (final String filter, final LoadProps? infiniteScrollProps) =>
+  Widget _accountSelect() => DropdownSearch<String>(
+    items: (final String filter, final LoadProps? infiniteScrollProps) =>
         <String>['Konto 1', 'Konto 2', 'Konto 3', 'Konto 4'],
-        selectedItem: selected,
-        onChanged: (final String? value) =>
-            setState(() => selected = value!),
-        popupProps: const PopupProps<String>.menu(
-          showSearchBox: true,
-          searchFieldProps: TextFieldProps(
-            decoration: InputDecoration(
-              hintText: 'Suchen...',
-              contentPadding: EdgeInsets.symmetric(
-                horizontal: 12,
-                vertical: 8,
-              ),
-            ),
-          ),
+    selectedItem: selected,
+    onChanged: (final String? value) => setState(() => selected = value!),
+    popupProps: const PopupProps<String>.menu(
+      showSearchBox: true,
+      searchFieldProps: TextFieldProps(
+        decoration: InputDecoration(
+          hintText: 'Suchen...',
+          contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 8),
         ),
-      );
+      ),
+    ),
+  );
+
+  Widget _floatingActionButton() => ExpandableFab(
+    openButtonBuilder: RotateFloatingActionButtonBuilder(
+      child: const Icon(Icons.add),
+    ),
+    type: ExpandableFabType.up,
+    childrenAnimation: ExpandableFabAnimation.none,
+    distance: 70,
+    children: const <Widget>[
+      Row(
+        children: <Widget>[
+          Text('Neue Transaktion'),
+          SizedBox(width: 20),
+          FloatingActionButton.small(
+            heroTag: null,
+            onPressed: null,
+            child: Icon(Icons.add),
+          ),
+        ],
+      ),
+      Row(
+        children: <Widget>[
+          Text('Neues Konto'),
+          SizedBox(width: 20),
+          FloatingActionButton.small(
+            heroTag: null,
+            onPressed: null,
+            child: Icon(Icons.account_balance_wallet),
+          ),
+        ],
+      ),
+    ],
+  );
 }