fix: overflow

Author: Gordon Hayes

section_4/login_example_sequence_animation/lib/widgets/determine_visibility.dart

@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+
+class DetermineVisibility extends StatelessWidget {
+  const DetermineVisibility({
+    Key? key,
+    required this.child,
+  }) : super(key: key);
+
+  final Widget child;
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        return Visibility(
+          visible: constraints.maxWidth > 200 && constraints.maxHeight > 50,
+          child: child,
+        );
+      },
+    );
+  }
+}

section_4/login_example_sequence_animation/lib/widgets/forms/login_form.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:login/widgets/determine_visibility.dart';
 
 import '../../styles/colors.dart';
 import 'call_to_action_button.dart';
@@ -43,16 +44,25 @@ class LoginForm extends StatelessWidget {
                 text: 'Login',
                 color: headerLoginColor,
               ),
-              Row(
-                mainAxisAlignment: MainAxisAlignment.center,
-                children: <Widget>[
-                  const CallToActionText("Don't have an account?"),
-                  CallToActionButton(
-                    onPressed: onSignUpPressed,
-                    text: 'Sign Up',
-                    color: headerSignUpColor,
-                  ),
-                ],
+              DetermineVisibility(
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: <Widget>[
+                    const Expanded(
+                      flex: 3,
+                      child: Center(
+                          child: CallToActionText("Don't have an account?")),
+                    ),
+                    Expanded(
+                      flex: 1,
+                      child: CallToActionButton(
+                        onPressed: onSignUpPressed,
+                        text: 'Sign Up',
+                        color: headerSignUpColor,
+                      ),
+                    ),
+                  ],
+                ),
               ),
             ],
           ),

section_4/login_example_sequence_animation/lib/widgets/forms/signup_form.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 
 import '../../styles/colors.dart';
+import '../determine_visibility.dart';
 import 'call_to_action_button.dart';
 import 'call_to_action_text.dart';
 import 'text_input_box.dart';
@@ -47,16 +48,25 @@ class SignUpForm extends StatelessWidget {
                   onPressed: onSignUpPressed,
                   text: 'Sign Up',
                   color: headerSignUpColor),
-              Row(
-                mainAxisAlignment: MainAxisAlignment.center,
-                children: <Widget>[
-                  const CallToActionText('Already have an account?'),
-                  CallToActionButton(
-                    text: 'Sign in',
-                    onPressed: onLoginPressed,
-                    color: headerLoginColor,
-                  )
-                ],
+              DetermineVisibility(
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: <Widget>[
+                    const Expanded(
+                      flex: 3,
+                      child: Center(
+                          child: CallToActionText('Already have an account?')),
+                    ),
+                    Expanded(
+                      flex: 1,
+                      child: CallToActionButton(
+                        text: 'Sign in',
+                        onPressed: onLoginPressed,
+                        color: headerLoginColor,
+                      ),
+                    )
+                  ],
+                ),
               ),
             ],
           ),