fix: add animations and fix some UI incoherences

lib/ui/views/app_selector/app_selector_view.dart

@@ -29,13 +29,11 @@ class _AppSelectorViewState extends State<AppSelectorView> {
             model.selectAppFromStorage(context);
             Navigator.of(context).pop();
           },
-          shape: const RoundedRectangleBorder(
-            borderRadius: BorderRadius.all(
-              Radius.circular(16.0),
-            ),
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(12),
           ),
           backgroundColor: Theme.of(context).colorScheme.secondary,
-          foregroundColor: Colors.white,
+          foregroundColor: Theme.of(context).colorScheme.surface,
         ),
         body: SafeArea(
           child: Padding(
@@ -73,6 +71,7 @@ class _AppSelectorViewState extends State<AppSelectorView> {
                           const SizedBox(height: 12),
                           Expanded(
                             child: ListView(
+                              padding: const EdgeInsets.only(bottom: 80),
                               children: model
                                   .getFilteredApps(_query)
                                   .map((app) => InkWell(

lib/ui/views/installer/installer_view.dart

@@ -70,7 +70,7 @@ class InstallerView extends StatelessWidget {
                         width: double.infinity,
                         decoration: BoxDecoration(
                           color: Theme.of(context).colorScheme.primary,
-                          borderRadius: BorderRadius.circular(8),
+                          borderRadius: BorderRadius.circular(12),
                         ),
                         child: Text(
                           model.logs,

lib/ui/views/patcher/patcher_view.dart

@@ -1,9 +1,13 @@
+import 'package:animations/animations.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_i18n/flutter_i18n.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:revanced_manager/app/app.locator.dart';
 import 'package:revanced_manager/theme.dart';
+import 'package:revanced_manager/ui/views/app_selector/app_selector_view.dart';
+import 'package:revanced_manager/ui/views/installer/installer_view.dart';
 import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart';
+import 'package:revanced_manager/ui/views/patches_selector/patches_selector_view.dart';
 import 'package:revanced_manager/ui/widgets/patcherView/app_selector_card.dart';
 import 'package:revanced_manager/ui/widgets/patcherView/patch_selector_card.dart';
 import 'package:stacked/stacked.dart';
@@ -19,17 +23,24 @@ class PatcherView extends StatelessWidget {
       builder: (context, model, child) => Scaffold(
         floatingActionButton: Visibility(
           visible: model.showPatchButton(),
-          child: FloatingActionButton.extended(
-            label: I18nText('patcherView.patchButton'),
-            icon: const Icon(Icons.build),
-            onPressed: () => model.navigateToInstaller(),
-            shape: const RoundedRectangleBorder(
-              borderRadius: BorderRadius.all(
-                Radius.circular(16.0),
-              ),
+          child: OpenContainer(
+            transitionDuration: const Duration(milliseconds: 400),
+            openBuilder: (_, openContainer) => const InstallerView(),
+            openColor: Theme.of(context).colorScheme.primary,
+            closedColor: Colors.transparent,
+            closedShape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(12),
+            ),
+            closedBuilder: (_, openContainer) => FloatingActionButton.extended(
+              label: I18nText('patcherView.patchButton'),
+              icon: const Icon(Icons.build),
+              onPressed: openContainer,
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(12),
+              ),
+              backgroundColor: Theme.of(context).colorScheme.secondary,
+              foregroundColor: Theme.of(context).colorScheme.surface,
             ),
-            backgroundColor: Theme.of(context).colorScheme.secondary,
-            foregroundColor: Colors.white,
           ),
         ),
         body: CustomScrollView(
@@ -69,20 +80,39 @@ class PatcherView extends StatelessWidget {
               sliver: SliverList(
                 delegate: SliverChildListDelegate.fixed(
                   <Widget>[
-                    AppSelectorCard(
-                      onPressed: model.navigateToAppSelector,
-                      color: Theme.of(context).colorScheme.primary,
+                    OpenContainer(
+                      transitionDuration: const Duration(milliseconds: 400),
+                      openBuilder: (_, openContainer) =>
+                          const AppSelectorView(),
+                      openColor: Theme.of(context).colorScheme.primary,
+                      closedColor: Colors.transparent,
+                      closedShape: RoundedRectangleBorder(
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                      closedBuilder: (_, openContainer) => AppSelectorCard(
+                        onPressed: openContainer,
+                        color: Theme.of(context).colorScheme.primary,
+                      ),
                     ),
                     const SizedBox(height: 16),
                     Opacity(
                       opacity: isDark
                           ? (model.dimPatchesCard() ? 0.5 : 1)
                           : (model.dimPatchesCard() ? 0.75 : 1),
-                      child: PatchSelectorCard(
-                        onPressed: model.dimPatchesCard()
-                            ? () => {}
-                            : model.navigateToPatchesSelector,
-                        color: Theme.of(context).colorScheme.primary,
+                      child: OpenContainer(
+                        transitionDuration: const Duration(milliseconds: 400),
+                        openBuilder: (_, openContainer) =>
+                            const PatchesSelectorView(),
+                        openColor: Theme.of(context).colorScheme.primary,
+                        closedColor: Colors.transparent,
+                        closedShape: RoundedRectangleBorder(
+                          borderRadius: BorderRadius.circular(12),
+                        ),
+                        closedBuilder: (_, openContainer) => PatchSelectorCard(
+                          onPressed:
+                              model.dimPatchesCard() ? () => {} : openContainer,
+                          color: Theme.of(context).colorScheme.primary,
+                        ),
                       ),
                     ),
                   ],

lib/ui/views/patcher/patcher_viewmodel.dart

@@ -1,30 +1,13 @@
 import 'package:injectable/injectable.dart';
-import 'package:revanced_manager/app/app.locator.dart';
-import 'package:revanced_manager/app/app.router.dart';
 import 'package:revanced_manager/models/patch.dart';
 import 'package:revanced_manager/models/patched_application.dart';
 import 'package:stacked/stacked.dart';
-import 'package:stacked_services/stacked_services.dart';
 
 @lazySingleton
 class PatcherViewModel extends BaseViewModel {
   PatchedApplication? selectedApp;
   List<Patch> selectedPatches = [];
 
-  final NavigationService _navigationService = locator<NavigationService>();
-
-  void navigateToAppSelector() {
-    _navigationService.navigateTo(Routes.appSelectorView);
-  }
-
-  void navigateToPatchesSelector() {
-    _navigationService.navigateTo(Routes.patchesSelectorView);
-  }
-
-  void navigateToInstaller() {
-    _navigationService.navigateTo(Routes.installerView);
-  }
-
   bool showPatchButton() {
     return selectedPatches.isNotEmpty;
   }

lib/ui/views/patches_selector/patches_selector_view.dart

@@ -22,6 +22,22 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
       onModelReady: (model) => model.initialize(),
       viewModelBuilder: () => PatchesSelectorViewModel(),
       builder: (context, model, child) => Scaffold(
+        floatingActionButton: Visibility(
+          visible: model.patches.isNotEmpty,
+          child: FloatingActionButton.extended(
+            label: I18nText('patchesSelectorView.doneButton'),
+            icon: const Icon(Icons.check),
+            onPressed: () {
+              model.selectPatches();
+              Navigator.of(context).pop();
+            },
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(12),
+            ),
+            backgroundColor: Theme.of(context).colorScheme.secondary,
+            foregroundColor: Theme.of(context).colorScheme.surface,
+          ),
+        ),
         body: SafeArea(
           child: Padding(
             padding:
@@ -53,6 +69,7 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
                       const SizedBox(height: 12),
                       Expanded(
                         child: ListView(
+                          padding: const EdgeInsets.only(bottom: 80),
                           children: model
                               .getQueriedPatches(_query)
                               .map((patch) => PatchItem(
@@ -72,23 +89,6 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
                               .toList(),
                         ),
                       ),
-                      MaterialButton(
-                        textColor: Colors.white,
-                        color: Theme.of(context).colorScheme.secondary,
-                        minWidth: double.infinity,
-                        padding: const EdgeInsets.symmetric(
-                          vertical: 12,
-                          horizontal: 8,
-                        ),
-                        shape: RoundedRectangleBorder(
-                          borderRadius: BorderRadius.circular(12),
-                        ),
-                        onPressed: () {
-                          model.selectPatches();
-                          Navigator.of(context).pop();
-                        },
-                        child: I18nText('patchesSelectorView.doneButton'),
-                      ),
                     ],
                   ),
           ),

lib/ui/views/root_checker/root_checker_view.dart

@@ -13,30 +13,20 @@ class RootCheckerView extends StatelessWidget {
     return ViewModelBuilder<RootCheckerViewModel>.reactive(
       viewModelBuilder: () => RootCheckerViewModel(),
       builder: (context, model, child) => Scaffold(
-        floatingActionButton: Column(
-          mainAxisAlignment: MainAxisAlignment.end,
-          children: [
-            const Text('nonroot'),
-            const SizedBox(height: 8),
-            FloatingActionButton(
-              onPressed: model.navigateToHome,
-              backgroundColor: Theme.of(context).colorScheme.secondary,
-              foregroundColor: Colors.white,
-              shape: RoundedRectangleBorder(
-                borderRadius: BorderRadius.circular(48),
-              ),
-              child: const Icon(
-                Icons.keyboard_arrow_right,
-                size: 32,
-              ),
-            ),
-          ],
+        floatingActionButton: FloatingActionButton.extended(
+          label: I18nText('rootCheckerView.nonRootButton'),
+          icon: const Icon(Icons.keyboard_arrow_right),
+          onPressed: () => model.navigateAsNonRoot(),
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(12),
+          ),
+          backgroundColor: Theme.of(context).colorScheme.secondary,
+          foregroundColor: Theme.of(context).colorScheme.surface,
         ),
         body: Container(
           height: double.infinity,
           padding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 28.0),
           child: Column(
-            mainAxisSize: MainAxisSize.max,
             children: [
               const SizedBox(height: 120),
               I18nText(
@@ -60,18 +50,24 @@ class RootCheckerView extends StatelessWidget {
                   ),
                 ),
               ),
-              const SizedBox(height: 170),
-              MagiskButton(
-                onPressed: () => model.checkRoot(),
-              ),
-              I18nText(
-                'rootCheckerView.grantedPermission',
-                translationParams: {
-                  'isRooted': model.isRooted.toString(),
-                },
-                child: Text(
-                  '',
-                  style: GoogleFonts.poppins(),
+              Expanded(
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    MagiskButton(
+                      onPressed: () => model.navigateAsRoot(),
+                    ),
+                    I18nText(
+                      'rootCheckerView.grantedPermission',
+                      translationParams: {
+                        'isRooted': model.isRooted.toString(),
+                      },
+                      child: Text(
+                        '',
+                        style: GoogleFonts.poppins(),
+                      ),
+                    ),
+                  ],
                 ),
               ),
             ],

lib/ui/views/root_checker/root_checker_viewmodel.dart

@@ -9,19 +9,24 @@ class RootCheckerViewModel extends BaseViewModel {
   final NavigationService _navigationService = locator<NavigationService>();
   bool isRooted = false;
 
-  Future<void> checkRoot() async {
+  Future<void> navigateAsRoot() async {
     bool? res = await Root.isRooted();
     isRooted = res != null && res == true;
     if (isRooted) {
-      navigateToHome();
+      await navigateToHome();
+    } else {
+      notifyListeners();
     }
-    notifyListeners();
+  }
+
+  Future<void> navigateAsNonRoot() async {
+    isRooted = false;
+    await navigateToHome();
   }
 
   Future<void> navigateToHome() async {
     final prefs = await SharedPreferences.getInstance();
     await prefs.setBool('isRooted', isRooted);
     _navigationService.navigateTo(Routes.navigation);
-    notifyListeners();
   }
 }