fix: 🐛 allow to enable/disable chat text field #164

- Added flag to enable/disable chat text field.
SimformSolutionsPvtLtd · May 21, 2024 · 1e3b3b6 · 1e3b3b6
1 parent 881f324
commit 1e3b3b6
Show file tree

Hide file tree

Showing 4 changed files with 59 additions and 17 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## [1.3.2] (Unreleased)
 
+* **Fix**: [164](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/issues/164)
+  Add flag to enable/disable chat text field.
 * **Feat**: [121](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/pull/121)Added support
   for configuring the audio recording quality.
 * **Fix**: [131](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/issues/131)

diff --git a/README.md b/README.md
@@ -558,6 +558,23 @@ ChatView(
 )
 ```
 
+24. Added `enabled` to enable/disable chat text field.
+
+```dart
+ChatView(
+   ...
+      sendMessageConfig: SendMessageConfiguration(
+      ...
+        textFieldConfig: TextFieldConfig(
+          enabled: true // [false] to disable text field.
+        ),
+      ...
+      ),
+  ...
+ 
+)
+```
+
 
 ## How to use
 

diff --git a/lib/src/models/send_message_configuration.dart b/lib/src/models/send_message_configuration.dart
@@ -156,6 +156,11 @@ class TextFieldConfiguration {
   /// Default is 1 second.
   final Duration compositionThresholdTime;
 
+  /// Used for enable or disable the chat text field.
+  /// [false] also will disable the buttons for send images, record audio or take picture.
+  /// Default is [true].
+  final bool enabled;
+
   const TextFieldConfiguration({
     this.contentPadding,
     this.maxLines,
@@ -171,6 +176,7 @@ class TextFieldConfiguration {
     this.compositionThresholdTime = const Duration(seconds: 1),
     this.inputFormatters,
     this.textCapitalization,
+    this.enabled = true,
   });
 }
 

diff --git a/lib/src/widgets/chatui_textfield.dart b/lib/src/widgets/chatui_textfield.dart
@@ -174,6 +174,7 @@ class _ChatUITextFieldState extends State<ChatUITextField> {
                     keyboardType: textFieldConfig?.textInputType,
                     inputFormatters: textFieldConfig?.inputFormatters,
                     onChanged: _onChanged,
+                    enabled: textFieldConfig?.enabled,
                     textCapitalization: textFieldConfig?.textCapitalization ??
                         TextCapitalization.sentences,
                     decoration: InputDecoration(
@@ -198,6 +199,11 @@ class _ChatUITextFieldState extends State<ChatUITextField> {
                         borderRadius: textFieldConfig?.borderRadius ??
                             BorderRadius.circular(textFieldBorderRadius),
                       ),
+                      disabledBorder: OutlineInputBorder(
+                        borderSide: const BorderSide(color: Colors.transparent),
+                        borderRadius: textFieldConfig?.borderRadius ??
+                            BorderRadius.circular(textFieldBorderRadius),
+                      ),
                     ),
                   ),
                 ),
@@ -208,10 +214,12 @@ class _ChatUITextFieldState extends State<ChatUITextField> {
                     return IconButton(
                       color: sendMessageConfig?.defaultSendButtonColor ??
                           Colors.green,
-                      onPressed: () {
-                        widget.onPressed();
-                        _inputText.value = '';
-                      },
+                      onPressed: (textFieldConfig?.enabled ?? true)
+                          ? () {
+                              widget.onPressed();
+                              _inputText.value = '';
+                            }
+                          : null,
                       icon: sendMessageConfig?.sendButtonIcon ??
                           const Icon(Icons.send),
                     );
@@ -223,11 +231,13 @@ class _ChatUITextFieldState extends State<ChatUITextField> {
                               true)
                             IconButton(
                               constraints: const BoxConstraints(),
-                              onPressed: () => _onIconPressed(
-                                ImageSource.camera,
-                                config:
-                                    sendMessageConfig?.imagePickerConfiguration,
-                              ),
+                              onPressed: (textFieldConfig?.enabled ?? true)
+                                  ? () => _onIconPressed(
+                                        ImageSource.camera,
+                                        config: sendMessageConfig
+                                            ?.imagePickerConfiguration,
+                                      )
+                                  : null,
                               icon: imagePickerIconsConfig
                                       ?.cameraImagePickerIcon ??
                                   Icon(
@@ -240,11 +250,13 @@ class _ChatUITextFieldState extends State<ChatUITextField> {
                               true)
                             IconButton(
                               constraints: const BoxConstraints(),
-                              onPressed: () => _onIconPressed(
-                                ImageSource.gallery,
-                                config:
-                                    sendMessageConfig?.imagePickerConfiguration,
-                              ),
+                              onPressed: (textFieldConfig?.enabled ?? true)
+                                  ? () => _onIconPressed(
+                                        ImageSource.gallery,
+                                        config: sendMessageConfig
+                                            ?.imagePickerConfiguration,
+                                      )
+                                  : null,
                               icon: imagePickerIconsConfig
                                       ?.galleryImagePickerIcon ??
                                   Icon(
@@ -258,12 +270,17 @@ class _ChatUITextFieldState extends State<ChatUITextField> {
                             !kIsWeb &&
                             (Platform.isIOS || Platform.isAndroid))
                           IconButton(
-                            onPressed: _recordOrStop,
+                            onPressed: (textFieldConfig?.enabled ?? true)
+                                ? _recordOrStop
+                                : null,
                             icon: (isRecordingValue
                                     ? voiceRecordingConfig?.micIcon
                                     : voiceRecordingConfig?.stopIcon) ??
-                                Icon(isRecordingValue ? Icons.stop : Icons.mic),
-                            color: voiceRecordingConfig?.recorderIconColor,
+                                Icon(
+                                  isRecordingValue ? Icons.stop : Icons.mic,
+                                  color:
+                                      voiceRecordingConfig?.recorderIconColor,
+                                ),
                           )
                       ],
                     );