[Presentation] Added an app fab mixin

Wolfteam · Jun 4, 2021 · e022422 · e022422
1 parent 4604b46
commit e022422
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 62 deletions.
diff --git a/lib/presentation/shared/mixins/app_fab_mixin.dart b/lib/presentation/shared/mixins/app_fab_mixin.dart
@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart';
+import 'package:genshindb/presentation/shared/app_fab.dart';
+import 'package:genshindb/presentation/shared/extensions/scroll_controller_extensions.dart';
+
+mixin AppFabMixin<T extends StatefulWidget> on State<T>, SingleTickerProviderStateMixin<T> {
+  ScrollController scrollController;
+  AnimationController hideFabAnimController;
+  bool isInitiallyVisible = false;
+  bool hideOnTop = true;
+
+  @override
+  void initState() {
+    super.initState();
+    scrollController = ScrollController();
+    hideFabAnimController = AnimationController(vsync: this, duration: kThemeAnimationDuration, value: isInitiallyVisible ? 1 : 0);
+    scrollController.addListener(() => scrollController.handleScrollForFab(hideFabAnimController, hideOnTop: hideOnTop));
+  }
+
+  @override
+  void dispose() {
+    scrollController.dispose();
+    hideFabAnimController.dispose();
+    super.dispose();
+  }
+
+  AppFab getAppFab() {
+    return AppFab(
+      hideFabAnimController: hideFabAnimController,
+      scrollController: scrollController,
+    );
+  }
+}
diff --git a/lib/presentation/shared/scaffold_with_fab.dart b/lib/presentation/shared/scaffold_with_fab.dart
@@ -1,8 +1,7 @@
 import 'package:flutter/material.dart';
 
-import 'app_fab.dart';
 import 'extensions/focus_scope_node_extensions.dart';
-import 'extensions/scroll_controller_extensions.dart';
+import 'mixins/app_fab_mixin.dart';
 
 class ScaffoldWithFab extends StatefulWidget {
   final Widget child;
@@ -18,23 +17,7 @@ class ScaffoldWithFab extends StatefulWidget {
   _ScaffoldWithFabState createState() => _ScaffoldWithFabState();
 }
 
-class _ScaffoldWithFabState extends State<ScaffoldWithFab> with SingleTickerProviderStateMixin {
-  ScrollController _scrollController;
-  AnimationController _hideFabAnimController;
-
-  @override
-  void initState() {
-    super.initState();
-
-    _scrollController = ScrollController();
-    _hideFabAnimController = AnimationController(
-      vsync: this,
-      duration: kThemeAnimationDuration,
-      value: 0, // initially not visible
-    );
-    _scrollController.addListener(() => _scrollController.handleScrollForFab(_hideFabAnimController));
-  }
-
+class _ScaffoldWithFabState extends State<ScaffoldWithFab> with SingleTickerProviderStateMixin, AppFabMixin {
   @override
   Widget build(BuildContext context) {
     return Listener(
@@ -45,22 +28,12 @@ class _ScaffoldWithFabState extends State<ScaffoldWithFab> with SingleTickerProv
         appBar: widget.appbar,
         body: SafeArea(
           child: SingleChildScrollView(
-            controller: _scrollController,
+            controller: scrollController,
             child: widget.child,
           ),
         ),
-        floatingActionButton: AppFab(
-          hideFabAnimController: _hideFabAnimController,
-          scrollController: _scrollController,
-        ),
+        floatingActionButton: getAppFab(),
       ),
     );
   }
-
-  @override
-  void dispose() {
-    _scrollController.dispose();
-    _hideFabAnimController.dispose();
-    super.dispose();
-  }
 }
diff --git a/lib/presentation/shared/sliver_scaffold_with_fab.dart b/lib/presentation/shared/sliver_scaffold_with_fab.dart
@@ -1,8 +1,7 @@
 import 'package:flutter/material.dart';
 
-import 'app_fab.dart';
 import 'extensions/focus_scope_node_extensions.dart';
-import 'extensions/scroll_controller_extensions.dart';
+import 'mixins/app_fab_mixin.dart';
 
 class SliverScaffoldWithFab extends StatefulWidget {
   final List<Widget> slivers;
@@ -18,23 +17,7 @@ class SliverScaffoldWithFab extends StatefulWidget {
   _SliverScaffoldWithFabState createState() => _SliverScaffoldWithFabState();
 }
 
-class _SliverScaffoldWithFabState extends State<SliverScaffoldWithFab> with SingleTickerProviderStateMixin {
-  ScrollController _scrollController;
-  AnimationController _hideFabAnimController;
-
-  @override
-  void initState() {
-    super.initState();
-
-    _scrollController = ScrollController();
-    _hideFabAnimController = AnimationController(
-      vsync: this,
-      duration: kThemeAnimationDuration,
-      value: 0, // initially not visible
-    );
-    _scrollController.addListener(() => _scrollController.handleScrollForFab(_hideFabAnimController));
-  }
-
+class _SliverScaffoldWithFabState extends State<SliverScaffoldWithFab> with SingleTickerProviderStateMixin, AppFabMixin {
   @override
   Widget build(BuildContext context) {
     return Listener(
@@ -45,22 +28,12 @@ class _SliverScaffoldWithFabState extends State<SliverScaffoldWithFab> with Sing
         appBar: widget.appbar,
         body: SafeArea(
           child: CustomScrollView(
-            controller: _scrollController,
+            controller: scrollController,
             slivers: widget.slivers,
           ),
         ),
-        floatingActionButton: AppFab(
-          hideFabAnimController: _hideFabAnimController,
-          scrollController: _scrollController,
-        ),
+        floatingActionButton: getAppFab(),
       ),
     );
   }
-
-  @override
-  void dispose() {
-    _scrollController.dispose();
-    _hideFabAnimController.dispose();
-    super.dispose();
-  }
 }