Add image picker config and fixes (#96)

Author: rohitsangwan01

lib/src/models/send_message_configuration.dart

@@ -23,6 +23,7 @@ import 'package:audio_waveforms/audio_waveforms.dart';
 import 'package:chatview/src/values/enumaration.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:image_picker/image_picker.dart';
 
 class SendMessageConfiguration {
   /// Used to give background color to text field.
@@ -49,6 +50,9 @@ class SendMessageConfiguration {
   /// Provides configuration of image picker functionality.
   final ImagePickerIconsConfiguration? imagePickerIconsConfig;
 
+  /// Provides configuration of image picker plugin.
+  final ImagePickerConfiguration? imagePickerConfiguration;
+
   /// Provides configuration of text field.
   final TextFieldConfiguration? textFieldConfig;
 
@@ -65,6 +69,7 @@ class SendMessageConfiguration {
     this.textFieldConfig,
     this.textFieldBackgroundColor,
     this.imagePickerIconsConfig,
+    this.imagePickerConfiguration,
     this.defaultSendButtonColor,
     this.sendButtonIcon,
     this.replyDialogColor,
@@ -161,6 +166,32 @@ class TextFieldConfiguration {
   });
 }
 
+class ImagePickerConfiguration {
+  /// Used to give max width of image.
+  final double? maxWidth;
+
+  /// Used to give max height of image.
+  final double? maxHeight;
+
+  /// Used to give image quality.
+  final int? imageQuality;
+
+  /// Preferred camera device to pick image from.
+  final CameraDevice? preferredCameraDevice;
+
+  /// Callback when image is picked from camera or gallery,
+  ///  we can perform our task on image like adding crop options and return new image path
+  final Future<String?> Function(String? path)? onImagePicked;
+
+  const ImagePickerConfiguration({
+    this.maxWidth,
+    this.maxHeight,
+    this.imageQuality,
+    this.preferredCameraDevice,
+    this.onImagePicked,
+  });
+}
+
 /// Styling configuration for recorder widget.
 class VoiceRecordingConfiguration {
   const VoiceRecordingConfiguration({

lib/src/widgets/chat_list_widget.dart

@@ -50,6 +50,7 @@ class ChatListWidget extends StatefulWidget {
     this.replyPopupConfig,
     this.loadMoreData,
     this.isLastPage,
+    this.onChatListTap,
   }) : super(key: key);
 
   /// Provides controller for accessing few function for running chat.
@@ -104,6 +105,9 @@ class ChatListWidget extends StatefulWidget {
   /// bubble.
   final MessageCallBack assignReplyMessage;
 
+  /// Provides callback when user tap anywhere on whole chat.
+  final VoidCallBack? onChatListTap;
+
   @override
   State<ChatListWidget> createState() => _ChatListWidgetState();
 }
@@ -297,7 +301,10 @@ class _ChatListWidgetState extends State<ChatListWidget>
   }
 
   void _onChatListTap() {
-    if (!kIsWeb && Platform.isIOS) FocusScope.of(context).unfocus();
+    widget.onChatListTap?.call();
+    if (!kIsWeb && (Platform.isIOS || Platform.isAndroid)) {
+      FocusScope.of(context).unfocus();
+    }
     showPopUp.value = false;
     ScaffoldMessenger.of(context).hideCurrentSnackBar();
   }

lib/src/widgets/chat_view.dart

@@ -50,6 +50,7 @@ class ChatView extends StatefulWidget {
     this.sendMessageBuilder,
     this.showTypingIndicator = false,
     this.sendMessageConfig,
+    this.onChatListTap,
     required this.chatViewState,
     ChatViewStateConfiguration? chatViewStateConfig,
     this.featureActiveConfig = const FeatureActiveConfig(),
@@ -133,6 +134,9 @@ class ChatView extends StatefulWidget {
   /// Provides parameter so user can assign ChatViewAppbar.
   final Widget? appBar;
 
+  /// Provides callback when user tap on chat list.
+  final VoidCallBack? onChatListTap;
+
   @override
   State<ChatView> createState() => _ChatViewState();
 }
@@ -242,6 +246,7 @@ class _ChatViewState extends State<ChatView>
                           profileCircleConfig: widget.profileCircleConfig,
                           repliedMessageConfig: widget.repliedMessageConfig,
                           swipeToReplyConfig: widget.swipeToReplyConfig,
+                          onChatListTap: widget.onChatListTap,
                           assignReplyMessage: (message) => _sendMessageKey
                               .currentState
                               ?.assignReplyMessage(message),

lib/src/widgets/chatui_textfield.dart

@@ -221,7 +221,11 @@ class _ChatUITextFieldState extends State<ChatUITextField> {
                         if (!isRecordingValue) ...[
                           IconButton(
                             constraints: const BoxConstraints(),
-                            onPressed: () => _onIconPressed(ImageSource.camera),
+                            onPressed: () => _onIconPressed(
+                              ImageSource.camera,
+                              config: widget
+                                  .sendMessageConfig?.imagePickerConfiguration,
+                            ),
                             icon:
                                 imagePickerIconsConfig?.cameraImagePickerIcon ??
                                     Icon(
@@ -232,8 +236,11 @@ class _ChatUITextFieldState extends State<ChatUITextField> {
                           ),
                           IconButton(
                             constraints: const BoxConstraints(),
-                            onPressed: () =>
-                                _onIconPressed(ImageSource.gallery),
+                            onPressed: () => _onIconPressed(
+                              ImageSource.gallery,
+                              config: widget
+                                  .sendMessageConfig?.imagePickerConfiguration,
+                            ),
                             icon: imagePickerIconsConfig
                                     ?.galleryImagePickerIcon ??
                                 Icon(
@@ -284,10 +291,25 @@ class _ChatUITextFieldState extends State<ChatUITextField> {
     }
   }
 
-  void _onIconPressed(ImageSource imageSource) async {
+  void _onIconPressed(
+    ImageSource imageSource, {
+    ImagePickerConfiguration? config,
+  }) async {
     try {
-      final XFile? image = await _imagePicker.pickImage(source: imageSource);
-      widget.onImageSelected(image?.path ?? '', '');
+      final XFile? image = await _imagePicker.pickImage(
+        source: imageSource,
+        maxHeight: config?.maxHeight,
+        maxWidth: config?.maxWidth,
+        imageQuality: config?.imageQuality,
+        preferredCameraDevice:
+            config?.preferredCameraDevice ?? CameraDevice.rear,
+      );
+      String? imagePath = image?.path;
+      if (config?.onImagePicked != null) {
+        String? updatedImagePath = await config?.onImagePicked!(imagePath);
+        if (updatedImagePath != null) imagePath = updatedImagePath;
+      }
+      widget.onImageSelected(imagePath ?? '', '');
     } catch (e) {
       widget.onImageSelected('', e.toString());
     }