Descargar flutter_chatview - flutter_chatview Descarga del código fuente

ChatVer

Un paquete Flutter que le permite integrar Chat View con opciones altamente personalizadas, como chat individual, chat grupal, reacciones a mensajes, mensajes de respuesta, vista previa de enlaces y configuraciones para la vista general.

Para una demostración web, visite Ejemplo de vista de chat.

Avance

Guía de migración para la versión 2.0.0

Se cambió el nombre del campo sendBy a sentBy en la clase Message .
Se cambió el nombre del campo chatUsers a otherUsers en la clase ChatController .
Se movió el campo currentUser del widget ChatView a la clase ChatController
Valor id actualizado en el método copyWith de Message para tener el valor correcto.

Se eliminó el campo showTypingIndicator de ChatView y lo reemplazó con ChatController.showTypingIndicator .

Antes:

 ChatView (
  showTypingIndicator : false ,
),

Después:

 /// use it with your [ChatController] instance.
_chatContoller.setTypingIndicator = true ; // for showing indicator
_chatContoller.setTypingIndicator = false ; // for hiding indicator

Se actualizaron los métodos fromJson y toJson del modelo de datos ChatUser , Message y ReplyMessage :

en `ChatUser.fromJson` :

Antes:

 ChatUser . fromJson (
  { 
    ...
    'imageType' : ImageType .asset,
    ...
  },
),

Después:

 ChatUser . fromJson (
  {
    ...
    'imageType' : 'asset' ,
    ...
  },
),

en `ChatUser.toJson` :

Antes:

{
  ...
  imageType : ImageType .asset,
  ...
}

Después:

{
  ...
  imageType : asset,
  ...
}

en `Message.fromJson` :

Antes:

 Message . fromJson (
  {
    ...
    'createdAt' : DateTime . now (),
    'message_type' : MessageType .text,
    'voice_message_duration' : Duration (seconds : 5 ),
    ...
  }
)

Después:

 Message . fromJson (
  {
    ...
    'createdAt' : '2024-06-13T17:32:19.586412' ,
    'message_type' : 'text' ,
    'voice_message_duration' : '5000000' ,
    ...
  }
)

en `Message.toJson` :

Antes:

{
  ...
  createdAt : 2024 - 06 - 13 17 : 23 : 19.454789 ,
  message_type : MessageType .text,
  voice_message_duration : 0 : 00 : 05.000000 ,
  ...
}

Después:

{
  ...
  createdAt : 2024 - 06 - 13T17 : 32 : 19.586412 ,
  message_type : text,
  voice_message_duration : 5000000 ,
  ...
}

en `ReplyMessage.fromJson` :

Antes:

 ReplyMessage . fromJson (
  {
    ...
    'message_type' : MessageType .text,  
    'voiceMessageDuration' : Duration (seconds : 5 ),
    ...
  }
)

Después:

 ReplyMessage . fromJson (
  {
    ...
    'message_type' : 'text' ,  
    'voiceMessageDuration' : '5000000' ,
    ...
  }
)

en ReplyMessage.toJson :

Antes:

{
  ...
  message_type : MessageType .text,
  voiceMessageDuration : 0 : 00 : 05.000000 ,
  ...
}

Después:

{
  ...
  message_type : text,
  voiceMessageDuration : 5000000 ,
  ...
}

Instalación

Agregar dependencia a pubspec.yaml

dependencies :
  chatview : < latest - version >

Obtenga la última versión en la pestaña 'Instalación' en pub.dev

Importar el paquete

 import 'package:chatview/chatview.dart' ;

Agregar un controlador de chat.

 final chatController = ChatController (
  initialMessageList : messageList,
  scrollController : ScrollController (),
  currentUser : ChatUser (id : '1' , name : 'Flutter' ),
  otherUsers : [ ChatUser (id : '2' , name : 'Simform' )],
);

Agregar un widget ChatView .

 ChatView (
  chatController : chatController,
  onSendTap : onSendTap,
  chatViewState : ChatViewState .hasMessages, // Add this state once data is available.
)

Agregar una lista de mensajes con la clase Message .

 List < Message > messageList = [
  Message (
    id : '1' ,
    message : "Hi" ,
    createdAt : createdAt,
    sentBy : userId,
  ),
  Message (
    id : '2' ,
    message : "Hello" ,
    createdAt : createdAt,
    sentBy : userId,
  ),
];

Agregar un onSendTap .

 void onSendTap ( String message, ReplyMessage replyMessage, MessageType messageType){
  final message = Message (
    id : '3' ,
    message : "How are you" ,
    createdAt : DateTime . now (),
    sentBy : currentUser.id,
    replyMessage : replyMessage,
    messageType : messageType,
  );
  chatController. addMessage (message);
}

Nota: puede evaluar el tipo de mensaje desde el parámetro messageType , en función de eso puede realizar operaciones.

Compatibilidad de tipos de mensajes

Tipos de mensajes	Androide	iOS	Mac OS	Web	linux	ventanas
Mensajes de texto	✔️	✔️	✔️	✔️	✔️	✔️
Mensajes de imagen	✔️	✔️	✔️	✔️	✔️	✔️
Mensajes de voz	✔️	✔️
Mensajes personalizados	✔️	✔️	✔️	✔️	✔️	✔️

Configuración específica de la plataforma

Para selector de imágenes

iOS

Agregue las siguientes claves a su archivo Info.plist , ubicado en <project root>/ios/Runner/Info.plist :

    <key>NSCameraUsageDescription</key>
    <string>Used to demonstrate image picker plugin</string>
    <key>NSMicrophoneUsageDescription</key>
    <string>Used to capture audio for image picker plugin</string>
    <key>NSPhotoLibraryUsageDescription</key>
    <string>Used to demonstrate image picker plugin</string>

Para mensajes de voz

iOS

Agregue estas dos filas en ios/Runner/Info.plist

    <key>NSMicrophoneUsageDescription</key>
    <string>This app requires Mic permission.</string>

Este complemento requiere ios 10.0 o superior. Entonces agrega esta línea en Podfile

    platform :ios, '10.0'

Androide

Cambie la versión mínima del SDK de Android a 21 (o superior) en su archivo android/app/build.gradle.

    minSdkVersion 21

Agregue el permiso RECORD_AUDIO en AndroidManifest.xml

    <uses-permission android:name="android.permission.RECORD_AUDIO"/>

Algunos parámetros más opcionales

Habilite y deshabilite funciones específicas con FeatureActiveConfig .

 ChatView (
  ...
  featureActiveConfig : FeatureActiveConfig (
    enableSwipeToReply : true ,
    enableSwipeToSeeTime : false ,
  ),
  ...
)

Agregar una barra de aplicaciones con ChatViewAppBar .

 ChatView (
  ...
  appBar : ChatViewAppBar (
    profilePicture : profileImage,
    chatTitle : "Simform" ,
    userStatus : "online" ,
    actions : [
      Icon ( Icons .more_vert),
    ],
  ),
  ...
)

Agregar una configuración de lista de mensajes con la clase ChatBackgroundConfiguration .

 ChatView (
  ...
  chatBackgroundConfig : ChatBackgroundConfiguration (
    backgroundColor : Colors .white,
    backgroundImage : backgroundImage,
  ),
  ...
)

Agregar una configuración de envío de mensajes con la clase SendMessageConfiguration .

 ChatView (
  ...
  sendMessageConfig : SendMessageConfiguration (
    replyMessageColor : Colors .grey,
    replyDialogColor : Colors .blue,
    replyTitleColor : Colors .black,
    closeIconColor : Colors .black,
  ),
  ...
)

Agregar una configuración de burbuja de chat con la clase ChatBubbleConfiguration .

 ChatView (
  ...
  chatBubbleConfig : ChatBubbleConfiguration (
    onDoubleTap : (){
       // Your code goes here
    },
    outgoingChatBubbleConfig : ChatBubble (      // Sender's message chat bubble 
      color : Colors .blue,
      borderRadius : const BorderRadius . only (  
        topRight : Radius . circular ( 12 ),
        topLeft : Radius . circular ( 12 ),
        bottomLeft : Radius . circular ( 12 ),
      ),
    ),
    inComingChatBubbleConfig : ChatBubble (      // Receiver's message chat bubble
      color : Colors .grey.shade200,
      borderRadius : const BorderRadius . only (
        topLeft : Radius . circular ( 12 ),
        topRight : Radius . circular ( 12 ),
        bottomRight : Radius . circular ( 12 ),
      ),
    ),
  )
  ...
)

Agregar configuración de deslizar para responder con la clase SwipeToReplyConfiguration .

 ChatView (
  ...
  swipeToReplyConfig : SwipeToReplyConfiguration (
    onLeftSwipe : (message, sentBy){
        // Your code goes here
    },
    onRightSwipe : (message, sentBy){
        // Your code goes here
    },              
  ),
  ...
)

Agregar configuración de mensajes con la clase MessageConfiguration .

 ChatView (
  ...
  messageConfig : MessageConfiguration (
    messageReactionConfig : MessageReactionConfiguration (),      // Emoji reaction configuration for single message 
    imageMessageConfig : ImageMessageConfiguration (
      onTap : (){
          // Your code goes here
      },                          
      shareIconConfig : ShareIconConfiguration (
        onPressed : (){
           // Your code goes here
        },
      ),
    ),
  ),
  ...
)

Agregar configuración emergente de reacción con la clase ReactionPopupConfiguration .

 ChatView (
  ...
  reactionPopupConfig : ReactionPopupConfiguration (
    backgroundColor : Colors .white,
    userReactionCallback : (message, emoji){
      // Your code goes here
    }
    padding : EdgeInsets . all ( 12 ),
    shadow : BoxShadow (
      color : Colors .black54,
      blurRadius : 20 ,
    ),
  ),
  ...
)

Agregar configuración de ventana emergente de respuesta con la clase ReplyPopupConfiguration .

 ChatView (
  ...
  replyPopupConfig : ReplyPopupConfiguration (
    backgroundColor : Colors .white,
    onUnsendTap : (message){                   // message is 'Message' class instance
       // Your code goes here
    },
    onReplyTap : (message){                    // message is 'Message' class instance
       // Your code goes here
    },
    onReportTap : (){
       // Your code goes here
    },
    onMoreTap : (){
       // Your code goes here
    },
  ),
  ...
)

Agregar configuración de mensaje respondido con la clase RepliedMessageConfiguration .

 ChatView (
   ...
   repliedMessageConfig : RepliedMessageConfiguration (
     backgroundColor : Colors .blue,
     verticalBarColor : Colors .black,
     repliedMsgAutoScrollConfig : RepliedMsgAutoScrollConfig (),
   ),
   ...
)

Para personalizar los indicadores de escritura, utilice typeIndicatorConfig con TypeIndicatorConfig .

 ChatView (
  ...

  typeIndicatorConfig : TypeIndicatorConfiguration (
    flashingCircleBrightColor : Colors .grey,
    flashingCircleDarkColor : Colors .black,
  ),
  ...
)

Para mostrar el widget typeIndicator oculto, utilice ChatController.setTypingIndicaor ; para obtener más información, consulte ChatController .

 /// use it with your [ChatController] instance.
_chatContoller.setTypingIndicator = true ; // for showing indicator
_chatContoller.setTypingIndicator = false ; // for hiding indicator

Agregar configuración de vista previa de enlace con la clase LinkPreviewConfiguration .

 ChatView (
  ...
  chatBubbleConfig : ChatBubbleConfiguration (
    linkPreviewConfig : LinkPreviewConfiguration (
      linkStyle : const TextStyle (
        color : Colors .white,
        decoration : TextDecoration .underline,
      ),
      backgroundColor : Colors .grey,
      bodyStyle : const TextStyle (
        color : Colors .grey.shade200,
        fontSize : 16 ,
      ),
      titleStyle : const TextStyle (
        color : Colors .black,
        fontSize : 20 ,
      ),
    ),
  )
  ...
)

Añadiendo paginación.

 ChatView (
  ...
  isLastPage : false ,
  featureActiveConfig : FeatureActiveConfig (
    enablePagination : true ,
  ),
  loadMoreData : chatController.loadMoreData,
  ...
)

Agregar configuración del selector de imágenes.

 ChatView (
  ...
  sendMessageConfig : SendMessageConfiguration (
    enableCameraImagePicker : false ,
    enableGalleryImagePicker : true ,
    imagePickerIconsConfig : ImagePickerIconsConfiguration (
      cameraIconColor : Colors .black,
      galleryIconColor : Colors .black,
    )
  )
  ...
)

Agregue personalizaciones ChatViewState .

 ChatView (
  ...
  chatViewStateConfig : ChatViewStateConfiguration (
    loadingWidgetConfig : ChatViewStateWidgetConfiguration (
      loadingIndicatorColor : Colors .pink,
    ),
    onReloadButtonTap : () {},
  ),
  ...
)

Configuración de desplazamiento automático y configuración de resaltado con la clase RepliedMsgAutoScrollConfig .

 ChatView (
    ...
    repliedMsgAutoScrollConfig : RepliedMsgAutoScrollConfig (
      enableHighlightRepliedMsg : true ,
      highlightColor : Colors .grey,
      highlightScale : 1.1 ,
    )
    ...
)

Devolución de llamada cuando un usuario comienza/deja de escribir en TextFieldConfiguration

 ChatView (
    ...
      sendMessageConfig : SendMessageConfiguration (
       
          textFieldConfig : TextFieldConfiguration (
            onMessageTyping : (status) {
                // send composing/composed status to other client
                // your code goes here
            },   

            
        /// After typing stopped, the threshold time after which the composing
        /// status to be changed to [TypeWriterStatus.typed] .
        /// Default is 1 second.
            compositionThresholdTime : const Duration (seconds : 1 ),

        ),
    ...
  )
)

Para pasar el generador de recibos personalizados o manejar recibos relacionados, consulte ReceiptsWidgetConfig en outgoingChatBubbleConfig.

 ChatView (
   ...
      featureActiveConfig : const FeatureActiveConfig (
            /// Controls the visibility of message seen ago receipts default is true
            lastSeenAgoBuilderVisibility : false ,
            /// Controls the visibility of the message [receiptsBuilder]
            receiptsBuilderVisibility : false ),            
       ChatBubbleConfiguration (
          inComingChatBubbleConfig : ChatBubble (
            onMessageRead : (message) {
              /// send your message reciepts to the other client
              debugPrint ( 'Message Read' );
            },

          ),
          outgoingChatBubbleConfig : ChatBubble (
              receiptsWidgetConfig : ReceiptsWidgetConfig (
                      /// custom receipts builder 
                      receiptsBuilder : _customReceiptsBuilder,
                      /// whether to display receipts in all 
                      /// message or just at the last one just like instagram
                      showReceiptsIn : ShowReceiptsIn .lastMessage
              ),
            ), 
        ), 
        
  ...
 
)

Marque enableOtherUserName para ocultar el nombre de usuario en el chat.

 ChatView (
   ...
      featureActiveConfig : const FeatureActiveConfig (
        enableOtherUserName : false ,
      ),
   ...

)

Se agregó un botón de informe para el mensaje del receptor y se actualizan las devoluciones de llamada onMoreTap y onReportTap .

 ChatView (
   ...
      replyPopupConfig : ReplyPopupConfiguration (
        onReportTap : ( Message message) {
          debugPrint ( 'Message: $ message ' );
        },
        onMoreTap : ( Message message, bool sentByCurrentUser) {
          debugPrint ( 'Message : $ message ' );
        },
      ),
   ...
)

Se agregó emojiPickerSheetConfig para la configuración de la hoja de selección de emoji.

 ChatView (
   ...
      emojiPickerSheetConfig : Config (
        emojiViewConfig : EmojiViewConfig (
          columns : 7 ,
          emojiSizeMax : 32 ,
          recentsLimit : 28 ,
          backgroundColor : Colors .white,
        ),
        categoryViewConfig : const CategoryViewConfig (
          initCategory : Category . RECENT ,
          recentTabBehavior : RecentTabBehavior . NONE ,
        ),
  ...
 
)

Configure el estilo y la calidad de la grabación de audio usando VoiceRecordingConfiguration en sendMessageConfig.

 ChatView (
    ...
      sendMessageConfig : SendMessageConfiguration (

            voiceRecordingConfiguration : VoiceRecordingConfiguration (
            iosEncoder : IosEncoder .kAudioFormatMPEG4AAC,
            androidOutputFormat : AndroidOutputFormat .mpeg4,
            androidEncoder : AndroidEncoder .aac, 
            bitRate : 128000 ,
            sampleRate : 44100 ,
            waveStyle : WaveStyle (
                showMiddleLine : false ,
                waveColor : theme.waveColor ?? Colors .white,
                extendWaveform : true ,
            ),
        ),
    
    ...
  )
)

Se agregó enabled para habilitar/deshabilitar el campo de texto del chat.

 ChatView (
   ...
      sendMessageConfig : SendMessageConfiguration (
      ...
        textFieldConfig : TextFieldConfig (
          enabled : true // [false] to disable text field.
        ),
      ...
      ),
  ...
 
)

Se agregó la bandera isProfilePhotoInBase64 que define si la imagen proporcionada es una URL o datos base64.

 final chatController = ChatController (
  ...
    chatUsers : [
      ChatUser (
        id : '1' ,
        name : 'Simform' ,
        isProfilePhotoInBase64 : false ,
        profilePhoto : 'ImageNetworkUrl' ,
      ),
    ],
  ...
);

ChatView (
   ...
      profileCircleConfig : const ProfileCircleConfiguration (
        isProfilePhotoInBase64 : false ,
        profileImageUrl : 'ImageNetworkUrl' ,
      ),
   ...
)

Se agregó chatSeparatorDatePattern en DefaultGroupSeparatorConfiguration para separar los chats con el patrón proporcionado.

 ChatView (
    ...
      chatBackgroundConfig : ChatBackgroundConfiguration (
        ...
          defaultGroupSeparatorConfig : DefaultGroupSeparatorConfiguration (
            chatSeparatorDatePattern : 'MMM dd, yyyy'
          ),
        ...
      ),
    ...
)

Campo cancelRecordConfiguration para proporcionar una configuración para cancelar el mensaje de grabación de voz.

 ChatView (
   ...
      sendMessageConfig : SendMessageConfiguration (
        ...
           cancelRecordConfiguration : CancelRecordConfiguration (
            icon : const Icon (
              Icons .cancel_outlined,
            ),
            onCancel : () {
              debugPrint ( 'Voice recording cancelled' );
            },
            iconColor : Colors .black,
           ),
        ...
      ),
   ...

)

Se agregó una devolución de llamada de onTap en la lista de usuarios que reaccionaron en la hoja de reacciones reactedUserCallback .

 ChatView (
   ...
      messageConfig : MessageConfiguration (
      ...
        messageReactionConfig : MessageReactionConfiguration (
          reactionsBottomSheetConfig : ReactionsBottomSheetConfiguration (
            reactedUserCallback : (reactedUser, reaction) {
              debugPrint (reaction);
            },
          ),
        ),
      ...
      ),
  ...
),

Se agregó un customMessageReplyViewBuilder para personalizar la vista del mensaje de respuesta para mensajes de tipo personalizado.

 ChatView (
  ...
    messageConfig : MessageConfiguration (
      customMessageBuilder : ( ReplyMessage state) {
        return Text (
        state.message,
        maxLines : 1 ,
        overflow : TextOverflow .ellipsis,
        style : const TextStyle (
          fontSize : 12 ,
          color : Colors .black,
          ),
        );
      },
    ),
  ...
)

Agregue avatar predeterminado para la imagen de perfil defaultAvatarImage , generador de errores para la imagen de perfil de red y activo assetImageErrorBuilder networkImageErrorBuilder , Enum ImageType para definir la imagen como activo, red o datos base64.

 ChatView (
  ...
      appBar : ChatViewAppBar (
        defaultAvatarImage : defaultAvatar,
        imageType : ImageType .network,
        networkImageErrorBuilder : (context, url, error) {
          return Center (
            child : Text ( 'Error $ error ' ),
          );
        },
        assetImageErrorBuilder : (context, error, stackTrace) {
          return Center (
            child : Text ( 'Error $ error ' ),
          );
        },
      ),
  ...
),

Se agregó un customMessageReplyViewBuilder para personalizar la vista del mensaje de respuesta para mensajes de tipo personalizado.

 ChatView (
  ...
    messageConfig : MessageConfiguration (
      customMessageBuilder : ( ReplyMessage state) {
        return Text (
        state.message,
        maxLines : 1 ,
        overflow : TextOverflow .ellipsis,
        style : const TextStyle (
          fontSize : 12 ,
          color : Colors .black,
          ),
        );
      },
    ),
  ...
)

Se agregó un replyMessageBuilder para personalizar la vista de la respuesta.

 ChatView (
  ...
    replyMessageBuilder : (context, state) {
      return Container (
        decoration : const BoxDecoration (
          color : Colors .white,
          borderRadius : BorderRadius . vertical (
            top : Radius . circular ( 14 ),
          ),
        ),
        margin : const EdgeInsets . only (
          bottom : 17 ,
          right : 0.4 ,
          left : 0.4 ,
        ),
        padding : const EdgeInsets . fromLTRB ( 10 , 10 , 10 , 30 ),
          child : Container (
            padding : const EdgeInsets . symmetric (
              horizontal : 6 ,
            ),
            decoration : BoxDecoration (
              color : Colors .grey.shade200,
              borderRadius : BorderRadius . circular ( 12 ),
            ),
            child : Column (
              mainAxisSize : MainAxisSize .min,
              children : [
                Row (
                  mainAxisAlignment : MainAxisAlignment .spaceBetween,
                  children : [
                    Expanded (
                      child : Text ( 
                        state.message,
                        maxLines : 1 ,
                        overflow : TextOverflow .ellipsis,
                        style : const TextStyle (
                          fontWeight : FontWeight .bold,
                        ),
                      ),
                    ),
                    IconButton (
                      constraints : const BoxConstraints (),
                      padding : EdgeInsets .zero,
                      icon : const Icon (
                        Icons .close,
                        size : 16 ,
                      ),
                      onPressed : () => ChatView . closeReplyMessageView (context),
                    ),
                  ],
                ),
              ],
            ),
          ),
        );
    },
  ...
)

Funcionalidades de Sugerencias de Respuesta.

Agregar sugerencias de respuesta

_chatController. addReplySuggestions ([
      SuggestionItemData (text : 'Thanks.' ),
      SuggestionItemData (text : 'Thank you very much.' ),
      SuggestionItemData (text : 'Great.' )
    ]);

Eliminar sugerencias de respuesta

_chatController. removeReplySuggestions ();

Sugerencias de actualización Configuración

replySuggestionsConfig : ReplySuggestionsConfig (
    itemConfig : SuggestionItemConfig (
        decoration : BoxDecoration (),
        textStyle : TextStyle (),
        padding : EdgetInsets . all ( 8 ),
        customItemBuilder : (index, suggestionItemData) => Container ()
    ),
    listConfig : SuggestionListConfig (
        decoration : BoxDecoration (),
        padding : EdgetInsets . all ( 8 ),
        itemSeparatorWidth : 8 ,
        axisAlignment : SuggestionListAlignment .left
    )
    onTap : (item) =>
        _onSendTap (item.text, const ReplyMessage (), MessageType .text),
    autoDismissOnSelection : true
),

Se agregó messageSorter de devolución de llamada para ordenar mensajes en ChatBackgroundConfiguration .

 ChatView (
   ...
      chatBackgroundConfig : ChatBackgroundConfiguration (
      ...
        messageSorter : (message1, message2) {
          return message1.createdAt. compareTo (message2.createdAt);
        }
      ...
     ),
  ...
),

Utilice ScrollToBottomButtonConfig para cambiar la configuración del botón de desplazamiento al final.

 ChatView (
  ...
    scrollToBottomButtonConfig : ScrollToBottomButtonConfig (

),
  ...
),

Utilice errorBody para mostrar un mensaje de error cuando el enlace no se pueda analizar para obtener una vista previa.

 ChatView (
  ...
    linkPreviewConfig : LinkPreviewConfiguration (
      errorBody : 'Error encountered while parsing the link for preview'
),
  ...
),

Utilice suggestionItemType para mostrar elementos de sugerencia en varias líneas y no en forma desplazable.

 ChatView (
  ...
    replySuggestionsConfig : ReplySuggestionsConfig (
      suggestionItemType : SuggestionItemsType .multiline,
    ),
  ...
),

como usar

Consulte el blog para una mejor comprensión y una implementación básica.

Además, para ver un ejemplo completo, consulte la aplicación de ejemplo en el directorio de ejemplo o la pestaña "Ejemplo" en pub.dartlang.org para obtener un ejemplo más completo.

Principales contribuyentes

_{Vatsal Tanna}

_{Dhvanit Vaghani}

_{Ujas Majithiya}

_{Apurva Kanthraviya}

_{Aditya Chavda}

Licencia

 MIT License
Copyright (c) 2022 Simform Solutions
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

Expandir

flutter_chatview

ChatVer

Avance

Guía de migración para la versión 2.0.0

en `ChatUser.fromJson` :

en `ChatUser.toJson` :

en `Message.fromJson` :

en `Message.toJson` :

en `ReplyMessage.fromJson` :

Instalación

Compatibilidad de tipos de mensajes

Configuración específica de la plataforma

Para selector de imágenes

iOS

Para mensajes de voz

iOS

Androide

Algunos parámetros más opcionales

como usar

Principales contribuyentes

Licencia

pixez flutter

nspanel_pro_tools_apk

flutter_downloader

flutter_3d_controller

flutter_voice_friend

Bombas de aleteo

chat.petals.dev

GPT Prompt Templates

GPTyped

node telegram bot api

typebot.io

python wechaty getting started

waymo open dataset

termwind

wp functions

flutter_chatview

ChatVer

Avance

Guía de migración para la versión 2.0.0

en ChatUser.fromJson :

en ChatUser.toJson :

en Message.fromJson :

en Message.toJson :

en ReplyMessage.fromJson :

Instalación

Compatibilidad de tipos de mensajes

Configuración específica de la plataforma

Para selector de imágenes

iOS

Para mensajes de voz

iOS

Androide

Algunos parámetros más opcionales

como usar

Principales contribuyentes

Licencia

en `ChatUser.fromJson` :

en `ChatUser.toJson` :

en `Message.fromJson` :

en `Message.toJson` :

en `ReplyMessage.fromJson` :