feat: 🌟 less null in configs

Author: jonasbadstuebner

example/lib/main.dart

@@ -142,12 +142,6 @@ class _ChatScreenState extends State<ChatScreen> {
             cameraIconColor: theme.cameraIconColor,
             galleryIconColor: theme.galleryIconColor,
           ),
-          replyMessageColor: theme.replyMessageColor,
-          defaultSendButtonColor: theme.sendButtonColor,
-          replyDialogColor: theme.replyDialogColor,
-          replyTitleColor: theme.replyTitleColor,
-          textFieldBackgroundColor: theme.textFieldBackgroundColor,
-          closeIconColor: theme.closeIconColor,
           textFieldConfig: TextFieldConfiguration(
             onMessageTyping: (status) {
               /// Do with status

lib/src/models/message_configuration.dart

@@ -21,30 +21,47 @@
  */
 import 'package:chatview/src/models/models.dart';
 import 'package:chatview/src/models/voice_message_configuration.dart';
+import 'package:chatview/src/widgets/message_view.dart';
 import 'package:flutter/material.dart';
 
 import '../values/typedefs.dart';
 
 class MessageConfiguration {
-  /// Provides configuration of image message appearance.
-  final ImageMessageConfiguration? imageMessageConfig;
-
-  /// Provides configuration of image message appearance.
+  /// Provides configuration of message reaction.
   final MessageReactionConfiguration? messageReactionConfig;
 
   /// Provides configuration of emoji messages appearance.
   final EmojiMessageConfiguration? emojiMessageConfig;
 
-  /// Provides builder to create view for custom messages.
-  final Widget Function(Message)? customMessageBuilder;
+  /// Provides configuration of image message appearance.
+  final ImageMessageConfiguration? imageMessageConfig;
 
   /// Configurations for voice message bubble
   final VoiceMessageConfiguration? voiceMessageConfig;
 
+  /// Provides builder to create view for emoji messages.
+  final Widget Function(MessageView)? emojiMessageBuilder;
+
+  /// Provides builder to create view for image messages.
+  final Widget Function(MessageView)? imageMessageBuilder;
+
+  /// Provides builder to create view for text messages.
+  final Widget Function(MessageView)? textMessageBuilder;
+
+  /// Provides builder to create view for voice messages.
+  final Widget Function(MessageView)? voiceMessageBuilder;
+
+  /// Provides builder to create view for custom messages.
+  final Widget Function(MessageView)? customMessageBuilder;
+
   /// To customize reply view for custom message type
   final CustomMessageReplyViewBuilder? customMessageReplyViewBuilder;
 
   const MessageConfiguration({
+    this.imageMessageBuilder,
+    this.textMessageBuilder,
+    this.emojiMessageBuilder,
+    this.voiceMessageBuilder,
     this.imageMessageConfig,
     this.messageReactionConfig,
     this.emojiMessageConfig,

lib/src/models/send_message_configuration.dart

@@ -30,7 +30,7 @@ import '../values/typedefs.dart';
 
 class SendMessageConfiguration {
   /// Used to give background color to text field.
-  final Color? textFieldBackgroundColor;
+  final Color textFieldBackgroundColor;
 
   /// Used to give color to send button.
   final Color? defaultSendButtonColor;
@@ -39,16 +39,16 @@ class SendMessageConfiguration {
   final Widget? sendButtonIcon;
 
   /// Used to give reply dialog color.
-  final Color? replyDialogColor;
+  final Color replyDialogColor;
 
   /// Used to give color to title of reply pop-up.
-  final Color? replyTitleColor;
+  final Color replyTitleColor;
 
   /// Used to give color to reply message.
-  final Color? replyMessageColor;
+  final Color replyMessageColor;
 
   /// Used to give color to close icon in reply pop-up.
-  final Color? closeIconColor;
+  final Color closeIconColor;
 
   /// Provides configuration of image picker functionality.
   final ImagePickerIconsConfiguration? imagePickerIconsConfig;
@@ -57,7 +57,7 @@ class SendMessageConfiguration {
   final ImagePickerConfiguration? imagePickerConfiguration;
 
   /// Provides configuration of text field.
-  final TextFieldConfiguration? textFieldConfig;
+  final TextFieldConfiguration textFieldConfig;
 
   /// Enable/disable voice recording. Enabled by default.
   final bool allowRecordingVoice;
@@ -77,20 +77,23 @@ class SendMessageConfiguration {
   /// Configuration for cancel voice recording
   final CancelRecordConfiguration? cancelRecordConfiguration;
 
+  bool get allowImageSending =>
+      enableCameraImagePicker || enableGalleryImagePicker;
+
   const SendMessageConfiguration({
-    this.textFieldConfig,
-    this.textFieldBackgroundColor,
+    this.textFieldConfig = const TextFieldConfiguration(),
+    this.textFieldBackgroundColor = Colors.white,
     this.imagePickerIconsConfig,
     this.imagePickerConfiguration,
     this.defaultSendButtonColor,
     this.sendButtonIcon,
-    this.replyDialogColor,
-    this.replyTitleColor,
-    this.replyMessageColor,
-    this.closeIconColor,
+    this.replyDialogColor = const Color.fromRGBO(238, 238, 238, 1),
+    this.replyTitleColor = Colors.deepPurple,
+    this.replyMessageColor = Colors.black,
+    this.closeIconColor = Colors.black,
     this.allowRecordingVoice = true,
-    this.enableCameraImagePicker = true,
     this.enableGalleryImagePicker = true,
+    this.enableCameraImagePicker = true,
     this.voiceRecordingConfiguration,
     this.micIconColor,
     this.cancelRecordConfiguration,
@@ -118,6 +121,32 @@ class ImagePickerIconsConfiguration {
   });
 }
 
+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,
+  });
+}
+
 class TextFieldConfiguration {
   /// Used to give max lines in text field.
   final int? maxLines;
@@ -140,6 +169,9 @@ class TextFieldConfiguration {
   /// Used to give text style of actual text in text field.
   final TextStyle? textStyle;
 
+  /// Used to give a border to the text field.
+  final BoxBorder? border;
+
   /// Used to give border radius in text field.
   final BorderRadius? borderRadius;
 
@@ -171,6 +203,7 @@ class TextFieldConfiguration {
   const TextFieldConfiguration({
     this.contentPadding,
     this.maxLines,
+    this.border,
     this.borderRadius,
     this.hintText,
     this.hintStyle,
@@ -187,32 +220,6 @@ 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,
-  });
-}
-
 class VoiceRecordingConfiguration {
   /// Styling configuration for the recorder widget as well as
   /// configuring the audio recording quality.

lib/src/models/voice_message_configuration.dart

@@ -4,21 +4,23 @@ import 'package:flutter/material.dart';
 /// A configuration model class for voice message bubble.
 class VoiceMessageConfiguration {
   const VoiceMessageConfiguration({
-    this.playerWaveStyle,
+    this.playerWaveStyle = const PlayerWaveStyle(scaleFactor: 70),
     this.padding = const EdgeInsets.symmetric(horizontal: 8),
     this.margin,
     this.decoration,
-    this.animationCurve,
-    this.animationDuration,
-    this.pauseIcon,
+    this.animationCurve = Curves.easeIn,
+    this.animationDuration = const Duration(milliseconds: 500),
     this.playIcon,
+    this.playIconColor,
+    this.pauseIcon,
+    this.pauseIconColor,
     this.waveformMargin,
-    this.waveformPadding,
+    this.waveformPadding = const EdgeInsets.only(right: 10),
     this.enableSeekGesture = true,
   });
 
   /// Applies style to waveform.
-  final PlayerWaveStyle? playerWaveStyle;
+  final PlayerWaveStyle playerWaveStyle;
 
   /// Applies padding to message bubble.
   final EdgeInsets padding;
@@ -27,7 +29,7 @@ class VoiceMessageConfiguration {
   final EdgeInsets? margin;
 
   /// Applies padding to waveform.
-  final EdgeInsets? waveformPadding;
+  final EdgeInsets waveformPadding;
 
   /// Applies padding to waveform.
   final EdgeInsets? waveformMargin;
@@ -36,17 +38,23 @@ class VoiceMessageConfiguration {
   final BoxDecoration? decoration;
 
   /// Duration for grow animation for waveform. Default to 500 ms.
-  final Duration? animationDuration;
+  final Duration animationDuration;
 
   /// Curve for for grow animation for waveform. Default to Curve.easeIn.
-  final Curve? animationCurve;
+  final Curve animationCurve;
 
   /// Icon for playing the audio.
   final Icon? playIcon;
 
+  /// Color for the playIcon if it is not overridden
+  final Color? playIconColor;
+
   /// Icon for pausing audio
   final Icon? pauseIcon;
 
+  /// Color for the pauseIcon if it is not overridden
+  final Color? pauseIconColor;
+
   /// Enable/disable seeking with gestures. Enabled by default.
   final bool enableSeekGesture;
 }

lib/src/widgets/chat_view.dart

@@ -47,7 +47,7 @@ class ChatView extends StatefulWidget {
     ChatBackgroundConfiguration? chatBackgroundConfig,
     this.typeIndicatorConfig,
     this.sendMessageBuilder,
-    this.sendMessageConfig,
+    this.sendMessageConfig = const SendMessageConfiguration(),
     this.onChatListTap,
     required this.chatViewState,
     ChatViewStateConfiguration? chatViewStateConfig,
@@ -113,7 +113,7 @@ class ChatView extends StatefulWidget {
   final ChatController chatController;
 
   /// Provides configuration of default text field in chat.
-  final SendMessageConfiguration? sendMessageConfig;
+  final SendMessageConfiguration sendMessageConfig;
 
   /// Provides current state of chat.
   final ChatViewState chatViewState;
@@ -263,6 +263,8 @@ class _ChatViewState extends State<ChatView>
                   if (featureActiveConfig.enableTextField)
                     SendMessageWidget(
                       key: _sendMessageKey,
+                      enabled:
+                          chatViewState.hasMessages || chatViewState.noMessages,
                       chatController: chatController,
                       sendMessageBuilder: widget.sendMessageBuilder,
                       sendMessageConfig: widget.sendMessageConfig,