fix: Add a SliverAppBar to Contributors view and increase app bars bottom padding

assets/i18n/en.json

@@ -128,5 +128,13 @@
         "patchedDateHint": "{date} at {time}",
         "appliedPatchesLabel": "Applied Patches",
         "appliedPatchesHint": "{quantity} applied patches"
+    },
+    "contributorsView": {
+        "widgetTitle": "Contributors",
+        "patcherContributors": "Patcher Contributors",
+        "patchesContributors": "Patches Contributors",
+        "integrationsContributors": "Integrations Contributors",
+        "cliContributors": "CLI Contributors",
+        "managerContributors": "Manager Contributors"
     }
 }

lib/ui/views/contributors/contributors_view.dart

@@ -1,6 +1,9 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_i18n/flutter_i18n.dart';
+import 'package:google_fonts/google_fonts.dart';
 import 'package:revanced_manager/ui/views/contributors/contributors_viewmodel.dart';
 import 'package:revanced_manager/ui/widgets/contributorsView/contributors_card.dart';
+import 'package:revanced_manager/ui/widgets/shared/custom_sliver_app_bar.dart';
 import 'package:stacked/stacked.dart';
 
 class ContributorsView extends StatelessWidget {
@@ -12,39 +15,54 @@ class ContributorsView extends StatelessWidget {
       viewModelBuilder: () => ContributorsViewModel(),
       onModelReady: (model) => model.getContributors(),
       builder: (context, model, child) => Scaffold(
-        body: SafeArea(
+        body: CustomScrollView(
-          child: SingleChildScrollView(
+          slivers: <Widget>[
-            child: Column(
+            CustomSliverAppBar(
-              children: <Widget>[
+              title: I18nText(
+                'contributorsView.widgetTitle',
+                child: Text(
+                  '',
+                  style: GoogleFonts.inter(
+                    color: Theme.of(context).textTheme.headline6!.color,
+                  ),
+                ),
+              ),
+            ),
+            SliverPadding(
+              padding: const EdgeInsets.all(20.0),
+              sliver: SliverList(
+                delegate: SliverChildListDelegate.fixed(
+                  <Widget>[
                     ContributorsCard(
-                  title: 'Patcher Contributors',
+                      title: 'contributorsView.patcherContributors',
                       contributors: model.patcherContributors,
-                  height: 60,
                     ),
+                    const SizedBox(height: 20),
                     ContributorsCard(
-                  title: 'Patches Contributors',
+                      title: 'contributorsView.patchesContributors',
                       contributors: model.patchesContributors,
-                  height: 230,
                     ),
+                    const SizedBox(height: 20),
                     ContributorsCard(
-                  title: 'Integrations Contributors',
+                      title: 'contributorsView.integrationsContributors',
                       contributors: model.integrationsContributors,
-                  height: 230,
                     ),
+                    const SizedBox(height: 20),
                     ContributorsCard(
-                  title: 'CLI Contributors',
+                      title: 'contributorsView.cliContributors',
                       contributors: model.cliContributors,
-                  height: 180,
                     ),
+                    const SizedBox(height: 20),
                     ContributorsCard(
-                  title: 'Manager Contributors',
+                      title: 'contributorsView.managerContributors',
                       contributors: model.managerContributors,
-                  height: 130,
                     ),
                   ],
                 ),
               ),
             ),
+          ],
+        ),
       ),
     );
   }

lib/ui/views/home/home_view.dart

@@ -38,7 +38,7 @@ class HomeView extends StatelessWidget {
                 ),
               ),
               SliverPadding(
-                padding: const EdgeInsets.symmetric(horizontal: 20.0),
+                padding: const EdgeInsets.all(20.0),
                 sliver: SliverList(
                   delegate: SliverChildListDelegate.fixed(
                     <Widget>[

lib/ui/views/installer/installer_view.dart

@@ -67,7 +67,7 @@ class InstallerView extends StatelessWidget {
                 ),
               ),
               SliverPadding(
-                padding: const EdgeInsets.all(20.0).copyWith(bottom: 20.0),
+                padding: const EdgeInsets.all(20.0),
                 sliver: SliverList(
                   delegate: SliverChildListDelegate.fixed(
                     <Widget>[

lib/ui/views/patcher/patcher_view.dart

@@ -39,7 +39,7 @@ class PatcherView extends StatelessWidget {
               ),
             ),
             SliverPadding(
-              padding: const EdgeInsets.symmetric(horizontal: 20.0),
+              padding: const EdgeInsets.all(20.0),
               sliver: SliverList(
                 delegate: SliverChildListDelegate.fixed(
                   <Widget>[

lib/ui/views/patches_selector/patches_selector_view.dart

@@ -140,16 +140,16 @@ class _PatchesSelectorViewState extends State<PatchesSelectorView> {
                                           child: Column(
                                             children: <Widget>[
                                               Text(
-                                                "Patch options",
+                                                'Patch options',
                                                 style: GoogleFonts.inter(
                                                   fontSize: 18,
                                                   fontWeight: FontWeight.w600,
                                                 ),
                                               ),
                                               const OptionsTextField(
-                                                  hint: "App name"),
+                                                  hint: 'App name'),
                                               const OptionsFilePicker(
-                                                optionName: "Choose a logo",
+                                                optionName: 'Choose a logo',
                                               ),
                                             ],
                                           ),

lib/ui/views/settings/settings_view.dart

@@ -17,7 +17,7 @@ class SettingsView extends StatelessWidget {
   Widget build(BuildContext context) {
     return ViewModelBuilder<SettingsViewModel>.reactive(
       viewModelBuilder: () => SettingsViewModel(),
-      builder: (context, SettingsViewModel model, child) => Scaffold(
+      builder: (context, model, child) => Scaffold(
         body: CustomScrollView(
           slivers: <Widget>[
             CustomSliverAppBar(
@@ -32,10 +32,7 @@ class SettingsView extends StatelessWidget {
               ),
             ),
             SliverPadding(
-              padding: const EdgeInsets.symmetric(
+              padding: const EdgeInsets.all(20.0),
-                vertical: 10.0,
-                horizontal: 20.0,
-              ),
               sliver: SliverList(
                 delegate: SliverChildListDelegate.fixed(
                   <Widget>[

lib/ui/widgets/appSelectorView/app_skeleton_loader.dart

@@ -58,7 +58,7 @@ class AppSkeletonLoader extends StatelessWidget {
         ),
       ),
       child: const Center(
-        child: Text("Content"),
+        child: Text('Content'),
       ),
     );
   }

lib/ui/widgets/contributorsView/contributors_card.dart

@@ -1,19 +1,18 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_cache_manager/file.dart';
 import 'package:flutter_cache_manager/flutter_cache_manager.dart';
+import 'package:flutter_i18n/flutter_i18n.dart';
 import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
 import 'package:url_launcher/url_launcher.dart';
 
 class ContributorsCard extends StatefulWidget {
   final String title;
   final List<dynamic> contributors;
-  final double height;
 
   const ContributorsCard({
     Key? key,
     required this.title,
     required this.contributors,
-    this.height = 200,
   }) : super(key: key);
 
   @override
@@ -23,33 +22,34 @@ class ContributorsCard extends StatefulWidget {
 class _ContributorsCardState extends State<ContributorsCard> {
   @override
   Widget build(BuildContext context) {
-    return Padding(
+    return Column(
-      padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 20),
-      child: Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       children: <Widget>[
         Padding(
           padding: const EdgeInsets.only(bottom: 8.0),
-            child: Text(
+          child: I18nText(
             widget.title,
-              style: const TextStyle(
+            child: const Text(
+              '',
+              style: TextStyle(
                 fontSize: 20,
                 fontWeight: FontWeight.w600,
               ),
             ),
           ),
+        ),
         CustomCard(
           child: GridView.builder(
             shrinkWrap: true,
+            padding: EdgeInsets.zero,
             physics: const NeverScrollableScrollPhysics(),
             gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-                crossAxisCount: 7,
+              crossAxisCount: 6,
               mainAxisSpacing: 8,
               crossAxisSpacing: 8,
             ),
             itemCount: widget.contributors.length,
-              itemBuilder: (context, index) {
+            itemBuilder: (context, index) => ClipRRect(
-                return ClipRRect(
               borderRadius: BorderRadius.circular(100),
               child: GestureDetector(
                 onTap: () => launchUrl(
@@ -62,24 +62,16 @@ class _ContributorsCardState extends State<ContributorsCard> {
                     widget.contributors[index]['avatar_url'],
                   ),
                   builder: (context, snapshot) => snapshot.hasData
-                          ? Image.file(
+                      ? Image.file(snapshot.data!)
-                              snapshot.data!,
-                              height: 40,
-                              width: 40,
-                            )
                       : Image.network(
                           widget.contributors[index]['avatar_url'],
-                              height: 40,
-                              width: 40,
                         ),
                 ),
               ),
-                );
+            ),
-              },
           ),
         ),
       ],
-      ),
     );
   }
 }