Merge pull request #13 from mario-bermonti:refactor-response-widget

Improve response widget
mario-bermonti · Aug 22, 2023 · d3a44c1 · d3a44c1
2 parents 49a7e06 + fec1ac2
commit d3a44c1
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 41 deletions.
diff --git a/lib/activity/trial_response/response_widget.dart b/lib/activity/trial_response/response_widget.dart
@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:mdigits/activity/trial_response/trial_response_controller.dart';
+import 'package:mdigits/common/centeredbox.dart';
+import 'package:mdigits/common/default_text.dart';
+import 'package:mdigits/common/spacing_holder.dart';
+import 'package:mdigits/common/styles.dart';
+
+class ResponseWidget extends StatelessWidget {
+  const ResponseWidget({
+    Key? key,
+    required TrialResponseController trialResponseController,
+  })  : _trialResponseController = trialResponseController,
+        super(key: key);
+
+  final TrialResponseController _trialResponseController;
+
+  @override
+  Widget build(BuildContext context) {
+    return CenteredBox(
+      column: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: <Widget>[
+          const DefaultText(
+            '¿Números?',
+          ),
+          const BetweenWidgetsSpace(),
+          TextField(
+            controller: _trialResponseController.textController,
+            keyboardType: TextInputType.number,
+            inputFormatters: [FilteringTextInputFormatter.digitsOnly],
+            decoration: textFieldStyle,
+            autofocus: true,
+          ),
+          const BetweenWidgetsSpace(),
+          ElevatedButton(
+            onPressed: () {
+              _trialResponseController.submit();
+              _trialResponseController.toNextScreen();
+            },
+            child: Text(
+              'Seguir',
+              style: Theme.of(context).textTheme.button,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/activity/trial_response/trial_response_view.dart b/lib/activity/trial_response/trial_response_view.dart
@@ -1,10 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
-import 'package:mdigits/common/centeredbox.dart';
+import 'package:mdigits/activity/trial_response/response_widget.dart';
 import 'package:mdigits/common/default_appbar.dart';
-import 'package:mdigits/common/default_text.dart';
-import 'package:mdigits/common/default_textfield.dart';
-import 'package:mdigits/common/spacing_holder.dart';
 import 'package:mdigits/activity/trial_response/trial_response_controller.dart';
 
 /// Screen for collecting response from participant
@@ -27,40 +24,3 @@ class TrialResponseView extends StatelessWidget {
     );
   }
 }
-
-class ResponseWidget extends StatelessWidget {
-  const ResponseWidget({
-    Key? key,
-    required TrialResponseController trialResponseController,
-  })  : _trialResponseController = trialResponseController,
-        super(key: key);
-
-  final TrialResponseController _trialResponseController;
-
-  @override
-  Widget build(BuildContext context) {
-    return CenteredBox(
-      column: Column(
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: <Widget>[
-          const DefaultText(
-            '¿Números?',
-          ),
-          const BetweenWidgetsSpace(),
-          DefaultTextField(controller: _trialResponseController.textController),
-          const BetweenWidgetsSpace(),
-          ElevatedButton(
-            onPressed: () {
-              _trialResponseController.submit();
-              _trialResponseController.toNextScreen();
-            },
-            child: Text(
-              'Seguir',
-              style: Theme.of(context).textTheme.button,
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-}