Add showTextAnswerDialog

Author: mono0926

example/lib/pages/text_input_dialog_page.dart

@@ -36,7 +36,7 @@ class TextInputDialogPage extends StatelessWidget {
                 textFields: const [
                   DialogTextField(),
                 ],
-                titleLabel: 'Hello',
+                title: 'Hello',
               );
               logger.info(text);
             },
@@ -49,8 +49,8 @@ class TextInputDialogPage extends StatelessWidget {
                 textFields: const [
                   DialogTextField(),
                 ],
-                titleLabel: 'Hello',
-                messageLabel: 'This is a message',
+                title: 'Hello',
+                message: 'This is a message',
               );
               logger.info(text);
             },
@@ -70,12 +70,35 @@ class TextInputDialogPage extends StatelessWidget {
                     obscureText: true,
                   ),
                 ],
-                titleLabel: 'Hello',
-                messageLabel: 'This is a message',
+                title: 'Hello',
+                message: 'This is a message',
               );
               logger.info(text);
             },
           ),
+          ListTile(
+            title: const Text('TextAnswerDialog'),
+            onTap: () async {
+              final ok = await showTextAnswerDialog(
+                context: context,
+                keyword: 'Flutter',
+                title: 'What\'s the best mobile application framework?',
+                message: 'Input answer and press OK',
+                hintText: 'Start with "F"',
+                retryTitle: 'Incorrect',
+                retryMessage: 'Retry?',
+                retryOkLabel: 'Retry',
+              );
+              print('ok: $ok');
+              if (!ok) {
+                return;
+              }
+              await showOkAlertDialog(
+                context: context,
+                title: 'That\'s right👍',
+              );
+            },
+          ),
         ],
       ),
     );

lib/adaptive_dialog.dart

@@ -1,4 +1,5 @@
 export 'src/adaptive_style.dart';
 export 'src/alert_dialog/alert_dialog.dart';
 export 'src/modal_action_sheet/modal_action_sheet.dart';
+export 'src/text_input_dialog/text_answer_dialog.dart';
 export 'src/text_input_dialog/text_input_dialog.dart';

lib/src/text_input_dialog/cupertino_text_input_dialog.dart

@@ -6,21 +6,21 @@ import 'package:adaptive_dialog/src/extensions/extensions.dart';
 class CupertinoTextInputDialog extends StatefulWidget {
   const CupertinoTextInputDialog({
     @required this.textFields,
-    this.titleLabel,
+    this.title,
+    this.message,
     this.okLabel,
     this.cancelLabel,
-    this.messageLabel,
     this.style = AdaptiveStyle.adaptive,
   });
   @override
   _CupertinoTextInputDialogState createState() =>
       _CupertinoTextInputDialogState();
 
   final List<DialogTextField> textFields;
-  final String titleLabel;
+  final String title;
+  final String message;
   final String okLabel;
   final String cancelLabel;
-  final String messageLabel;
   final AdaptiveStyle style;
 }
 
@@ -51,8 +51,7 @@ class _CupertinoTextInputDialogState extends State<CupertinoTextInputDialog> {
           _textControllers.map((c) => c.text).toList(),
         );
     void cancel() => navigator.pop();
-    final titleText =
-        widget.titleLabel == null ? null : Text(widget.titleLabel);
+    final titleText = widget.title == null ? null : Text(widget.title);
     final okText = Text(
       widget.okLabel ?? MaterialLocalizations.of(context).okButtonLabel,
     );
@@ -92,7 +91,7 @@ class _CupertinoTextInputDialogState extends State<CupertinoTextInputDialog> {
       content: Column(
         mainAxisSize: MainAxisSize.min,
         children: <Widget>[
-          if (widget.messageLabel != null) Text(widget.messageLabel),
+          if (widget.message != null) Text(widget.message),
           const SizedBox(height: 22),
           ..._textControllers.mapWithIndex(
             (c, i) {

lib/src/text_input_dialog/material_text_input_dialog.dart

@@ -5,21 +5,21 @@ import 'package:adaptive_dialog/src/extensions/extensions.dart';
 class MaterialTextInputDialog extends StatefulWidget {
   const MaterialTextInputDialog({
     @required this.textFields,
-    this.titleLabel,
+    this.title,
+    this.message,
     this.okLabel,
     this.cancelLabel,
-    this.messageLabel,
     this.style = AdaptiveStyle.adaptive,
   });
   @override
   _MaterialTextInputDialogState createState() =>
       _MaterialTextInputDialogState();
 
   final List<DialogTextField> textFields;
-  final String titleLabel;
+  final String title;
+  final String message;
   final String okLabel;
   final String cancelLabel;
-  final String messageLabel;
   final AdaptiveStyle style;
 }
 
@@ -50,8 +50,7 @@ class _MaterialTextInputDialogState extends State<MaterialTextInputDialog> {
           _textControllers.map((c) => c.text).toList(),
         );
     void cancel() => navigator.pop();
-    final titleText =
-        widget.titleLabel == null ? null : Text(widget.titleLabel);
+    final titleText = widget.title == null ? null : Text(widget.title);
     final okText = Text(
       widget.okLabel ?? MaterialLocalizations.of(context).okButtonLabel,
     );
@@ -61,13 +60,13 @@ class _MaterialTextInputDialogState extends State<MaterialTextInputDialog> {
         mainAxisSize: MainAxisSize.min,
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          if (widget.messageLabel != null)
+          if (widget.message != null)
             Flexible(
               child: Padding(
                 padding: const EdgeInsets.only(bottom: 8),
                 child: Scrollbar(
                   child: SingleChildScrollView(
-                    child: Text(widget.messageLabel),
+                    child: Text(widget.message),
                   ),
                 ),
               ),

lib/src/text_input_dialog/text_answer_dialog.dart

@@ -0,0 +1,56 @@
+import 'package:adaptive_dialog/adaptive_dialog.dart';
+import 'package:flutter/material.dart';
+
+Future<bool> showTextAnswerDialog({
+  @required BuildContext context,
+  @required String keyword,
+  String title,
+  String message,
+  String okLabel,
+  String cancelLabel,
+  String hintText,
+  String retryTitle,
+  String retryMessage,
+  String retryOkLabel,
+  String retryCancelLabel,
+  AdaptiveStyle style = AdaptiveStyle.adaptive,
+}) async {
+  final texts = await showTextInputDialog(
+    context: context,
+    textFields: [
+      DialogTextField(hintText: hintText),
+    ],
+    title: title,
+    message: message,
+    okLabel: okLabel,
+    cancelLabel: cancelLabel,
+    style: style,
+  );
+  final text = texts == null ? null : texts[0];
+  if (text == keyword) {
+    return true;
+  }
+  final result = showOkCancelAlertDialog(
+    context: context,
+    title: retryTitle,
+    message: retryMessage,
+    okLabel: retryOkLabel,
+    cancelLabel: retryCancelLabel,
+    defaultType: OkCancelAlertDefaultType.ok,
+  );
+  return result == OkCancelResult.ok
+      ? showTextAnswerDialog(
+          context: context,
+          keyword: keyword,
+          message: message,
+          okLabel: okLabel,
+          cancelLabel: cancelLabel,
+          hintText: hintText,
+          retryTitle: retryTitle,
+          retryMessage: retryMessage,
+          retryOkLabel: retryOkLabel,
+          retryCancelLabel: retryCancelLabel,
+          style: style,
+        )
+      : Future.value(false);
+}

lib/src/text_input_dialog/text_input_dialog.dart

@@ -8,10 +8,10 @@ import 'material_text_input_dialog.dart';
 Future<List<String>> showTextInputDialog({
   @required BuildContext context,
   @required List<DialogTextField> textFields,
-  String titleLabel,
+  String title,
+  String message,
   String okLabel,
   String cancelLabel,
-  String messageLabel,
   AdaptiveStyle style = AdaptiveStyle.adaptive,
 }) {
   final theme = Theme.of(context);
@@ -20,21 +20,21 @@ Future<List<String>> showTextInputDialog({
           context: context,
           builder: (context) => CupertinoTextInputDialog(
             textFields: textFields,
-            titleLabel: titleLabel,
+            title: title,
+            message: message,
             okLabel: okLabel,
             cancelLabel: cancelLabel,
-            messageLabel: messageLabel,
             style: style,
           ),
         )
       : showDialog(
           context: context,
           builder: (context) => MaterialTextInputDialog(
             textFields: textFields,
-            titleLabel: titleLabel,
+            title: title,
+            message: message,
             okLabel: okLabel,
             cancelLabel: cancelLabel,
-            messageLabel: messageLabel,
             style: style,
           ),
         );