Allow swipe on pages to navigate

android/gradle.properties

 org.gradle.jvmargs=-Xmx1536M
 android.useAndroidX=true
 android.enableJetifier=true
-app.versionName=0.0.22
-app.versionCode=22
+app.versionName=0.0.23
+app.versionCode=23

fastlane/metadata/android/en-US/changelogs/23.txt

+Allow swipe to navigate between pages.

fastlane/metadata/android/fr-FR/changelogs/23.txt

+Navigation entre pages par mouvement de "swipe".

lib/cubit/bottom_nav_cubit.dart

@@ -5,6 +5,9 @@ class BottomNavCubit extends HydratedCubit<int> {
 
   void updateIndex(int index) => emit(index);
 
+  void movePrevious() => emit((state > 0) ? state - 1 : state);
+  void moveNext() => emit((state < 2) ? state + 1 : state);
+
   void getHomePage() => emit(0);
   void getDiscoveriesPage() => emit(1);
   void getStatisticsPage() => emit(2);

lib/ui/screens/skeleton_screen.dart

@@ -27,18 +27,32 @@ class _SkeletonScreenState extends State<SkeletonScreen> {
 
     return BlocProvider<BottomNavCubit>(
       create: (BuildContext context) => BottomNavCubit(),
-      child: Scaffold(
-        appBar: StandardAppBar(notifyParent: refresh),
-        extendBodyBehindAppBar: false,
-        body: BlocBuilder<BottomNavCubit, int>(
-          builder: (BuildContext context, int state) {
-            return AnimatedSwitcher(
-                duration: const Duration(milliseconds: 300),
-                child: pageNavigation.elementAt(state));
-          },
-        ),
-        bottomNavigationBar: const BottomNavBar(),
-        backgroundColor: Theme.of(context).colorScheme.background,
+      child: BlocBuilder<BottomNavCubit, int>(
+        builder: (BuildContext context, int state) {
+          return GestureDetector(
+            onHorizontalDragEnd: (dragDetail) {
+              if (dragDetail.velocity.pixelsPerSecond.dx < 1) {
+                context.read<BottomNavCubit>().moveNext();
+              } else {
+                context.read<BottomNavCubit>().movePrevious();
+              }
+            },
+            child: Scaffold(
+              appBar: StandardAppBar(notifyParent: refresh),
+              extendBodyBehindAppBar: false,
+              body: BlocBuilder<BottomNavCubit, int>(
+                builder: (BuildContext context, int state) {
+                  return AnimatedSwitcher(
+                    duration: const Duration(milliseconds: 300),
+                    child: pageNavigation.elementAt(state),
+                  );
+                },
+              ),
+              bottomNavigationBar: const BottomNavBar(),
+              backgroundColor: Theme.of(context).colorScheme.background,
+            ),
+          );
+        },
       ),
     );
   }

lib/ui/widgets/bottom_nav_bar.dart

@@ -21,31 +21,33 @@ class BottomNavBar extends StatelessWidget {
           topRight: Radius.circular(16),
         ),
       ),
-      child: BlocBuilder<BottomNavCubit, int>(builder: (BuildContext context, int state) {
-        return BottomNavigationBar(
-          currentIndex: state,
-          onTap: (int index) => context.read<BottomNavCubit>().updateIndex(index),
-          type: BottomNavigationBarType.fixed,
-          elevation: 0,
-          backgroundColor: Colors.transparent,
-          selectedItemColor: Theme.of(context).colorScheme.primary,
-          unselectedItemColor: Theme.of(context).textTheme.bodySmall!.color,
-          items: <BottomNavigationBarItem>[
-            BottomNavigationBarItem(
-              icon: const Icon(Ionicons.home_outline),
-              label: tr('bottom_nav_home'),
-            ),
-            BottomNavigationBarItem(
-              icon: const Icon(Ionicons.star_outline),
-              label: tr('bottom_nav_discoveries'),
-            ),
-            BottomNavigationBarItem(
-              icon: const Icon(Ionicons.bar_chart_outline),
-              label: tr('bottom_nav_repartition'),
-            ),
-          ],
-        );
-      }),
+      child: BlocBuilder<BottomNavCubit, int>(
+        builder: (BuildContext context, int state) {
+          return BottomNavigationBar(
+            currentIndex: state,
+            onTap: (int index) => context.read<BottomNavCubit>().updateIndex(index),
+            type: BottomNavigationBarType.fixed,
+            elevation: 0,
+            backgroundColor: Colors.transparent,
+            selectedItemColor: Theme.of(context).colorScheme.primary,
+            unselectedItemColor: Theme.of(context).textTheme.bodySmall!.color,
+            items: <BottomNavigationBarItem>[
+              BottomNavigationBarItem(
+                icon: const Icon(Ionicons.home_outline),
+                label: tr('bottom_nav_home'),
+              ),
+              BottomNavigationBarItem(
+                icon: const Icon(Ionicons.star_outline),
+                label: tr('bottom_nav_discoveries'),
+              ),
+              BottomNavigationBarItem(
+                icon: const Icon(Ionicons.bar_chart_outline),
+                label: tr('bottom_nav_repartition'),
+              ),
+            ],
+          );
+        },
+      ),
     );
   }
 }

pubspec.yaml

@@ -3,7 +3,7 @@ description: Display scrobbles data and charts
 
 publish_to: 'none'
 
-version: 0.0.22+22
+version: 0.0.23+23
 
 environment:
   sdk: '^3.0.0'