Update responsive layout slides and dependencies

dario-digregorio · May 28, 2024 · 8377801 · 8377801
1 parent 0c1ae47
commit 8377801
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 29 deletions.
diff --git a/deck/lib/slides/about_slide.dart b/deck/lib/slides/about_slide.dart
@@ -37,7 +37,7 @@ class AboutSlide extends FlutterDeckSlideWidget {
                     Text(
                         'Senior Software Engineer Flutter & Web @NTT Data Germany',
                         style: Theme.of(context).textTheme.headlineLarge),
-                    Text('Indie Developer',
+                    Text('Indie Developer and Freelancer',
                         style: Theme.of(context).textTheme.headlineLarge),
                   ],
                 ),

diff --git a/deck/lib/slides/abstract_slide.dart b/deck/lib/slides/abstract_slide.dart
@@ -27,9 +27,9 @@ class AbstractSlide extends FlutterDeckSlideWidget {
                   const SizedBox(height: 32),
                   Text(
                     '''
-        - Dialogs, both fullscreen and modal
-        - Navigation UI, both rail and bottom bar
-        - Custom layout, such as "is the UI area taller or wider?"
+    - Dialogs, both fullscreen and modal
+    - Navigation UI, both rail and bottom bar
+    - Custom layout, such as "is the UI area taller or wider?"
         ''',
                     style: Theme.of(context).textTheme.headlineMedium,
                   ),

diff --git a/deck/lib/slides/approach_slide.dart b/deck/lib/slides/approach_slide.dart
@@ -16,22 +16,24 @@ class ApproachSlide extends FlutterDeckSlideWidget {
         headerBuilder: (context) => const FlutterDeckHeader(
               title: 'General Approach',
             ),
-        builder: (context) => Padding(
-              padding: const EdgeInsets.all(64),
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Text(
-                      'The general approach on creating responsive widgets is explained in detailed by the Flutter Team:',
-                      style: Theme.of(context).textTheme.headlineMedium),
-                  const SizedBox(height: 32),
-                  Image.asset('assets/approach.png'),
-                  const SizedBox(height: 16),
-                  const Text(
-                      'Read more: https://docs.flutter.dev/ui/adaptive-responsive'),
-                  const Text(
-                      'Watch on YouTube: https://www.youtube.com/watch?v=LeKLGzpsz9I'),
-                ],
+        builder: (context) => SingleChildScrollView(
+              child: Padding(
+                padding: const EdgeInsets.all(64),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                        'The general approach on creating responsive widgets is explained in detailed by the Flutter Team:',
+                        style: Theme.of(context).textTheme.headlineMedium),
+                    const SizedBox(height: 32),
+                    Image.asset('assets/approach.png'),
+                    const SizedBox(height: 16),
+                    const Text(
+                        'Read more: https://docs.flutter.dev/ui/adaptive-responsive'),
+                    const Text(
+                        'Watch on YouTube: https://www.youtube.com/watch?v=LeKLGzpsz9I'),
+                  ],
+                ),
               ),
             ));
   }

diff --git a/deck/lib/slides/best_practises_slide.dart b/deck/lib/slides/best_practises_slide.dart
@@ -24,7 +24,7 @@ class BestPractisesSlide extends FlutterDeckSlideWidget {
           items: const [
             'Break down your widgets',
             'Design to the strengths of each form factor',
-            'Solve touch first',
+            'Solve touch first (Mobile first)',
             'Don\'t lock the orientation of your app',
             'Don\'t gobble up all of the horizontal space',
             'Restore state',

diff --git a/deck/lib/slides/foundation_slide.dart b/deck/lib/slides/foundation_slide.dart
@@ -63,14 +63,6 @@ class FoundationSlide extends FlutterDeckSlideWidget {
                 ),
               ),
               const SizedBox(height: 64),
-              Text('Mobile first',
-                  style: Theme.of(context).textTheme.headlineLarge),
-              const SizedBox(height: 16),
-              Text(
-                'Starting your design with mobile in mind makes scaling up to larger screens smoother. This approach helps in efficiently adapting your designs for tablets or desktops. We will implement a Master-Detail layout for larger screens.',
-                style: Theme.of(context).textTheme.headlineSmall,
-              ),
-              const SizedBox(height: 64),
               Text('Define Screen-based Breakpoints',
                   style: Theme.of(context).textTheme.headlineLarge),
               const SizedBox(height: 32),