flutter_chatview下載 - flutter_chatview原始碼下載

聊天視圖

一個 Flutter 包，可讓您將聊天視圖與高度自訂的選項集成，例如一對一聊天、群組聊天、訊息反應、回覆訊息、連結預覽和整體視圖配置。

如需網路演示，請造訪聊天視圖範例。

預覽

2.0.0 版遷移指南

在Message類別中將sendBy欄位重新命名為sentBy 。
在ChatController類別中將chatUsers字段重新命名為otherUsers 。
將currentUser欄位從ChatView小工具移動到ChatController類
更新了Message的copyWith方法中的id值以具有正確的值。

從ChatView中刪除了showTypingIndicator字段，並將其替換為ChatController.showTypingIndicator 。

前：

 ChatView (
  showTypingIndicator : false ,
),

後：

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

更新了ChatUser 、 Message和ReplyMessage資料模型的fromJson和toJson方法：

在`ChatUser.fromJson`中：

前：

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

後：

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

在`ChatUser.toJson`中：

前：

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

後：

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

在`Message.fromJson`中：

前：

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

後：

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

在`Message.toJson`中：

前：

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

後：

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

在`ReplyMessage.fromJson`中：

前：

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

後：

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

在ReplyMessage.toJson ：

前：

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

後：

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

安裝中

添加依賴到pubspec.yaml

dependencies :
  chatview : < latest - version >

在 pub.dev 的「安裝」標籤中取得最新版本

導入包

 import 'package:chatview/chatview.dart' ;

新增聊天控制器。

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

新增ChatView小工具。

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

新增帶有Message類別的 messageList。

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

新增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);
}

注意：您可以從messageType參數評估訊息類型，基於此您可以執行操作。

訊息類型相容性

訊息類型	安卓	iOS系統	蘋果系統	網路	Linux	視窗
簡訊	✔️	✔️	✔️	✔️	✔️	✔️
圖片訊息	✔️	✔️	✔️	✔️	✔️	✔️
語音留言	✔️	✔️
自訂訊息	✔️	✔️	✔️	✔️	✔️	✔️

平台特定配置

對於影像選擇器

iOS系統

將下列鍵加入位於<project root>/ios/Runner/Info.plist的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>

對於語音訊息

iOS系統

在ios/Runner/Info.plist中加入這兩行

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

該插件需要ios 10.0或更高版本。所以在Podfile中加入這一行

    platform :ios, '10.0'

安卓

在 android/app/build.gradle 檔案中將最低 Android sdk 版本更改為 21（或更高）。

    minSdkVersion 21

在AndroidManifest.xml中加入RECORD_AUDIO權限

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

更多可選參數

使用FeatureActiveConfig啟用和停用特定功能。

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

使用ChatViewAppBar新增應用程式欄。

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

使用ChatBackgroundConfiguration類別新增訊息清單配置。

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

使用SendMessageConfiguration類別新增傳送訊息配置。

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

使用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 ),
      ),
    ),
  )
  ...
)

使用SwipeToReplyConfiguration類別新增滑動以回復配置。

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

使用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
        },
      ),
    ),
  ),
  ...
)

使用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 ,
    ),
  ),
  ...
)

使用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
    },
  ),
  ...
)

使用RepliedMessageConfiguration類別新增回覆訊息配置。

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

若要自訂類型指示器，請使用typeIndicatorConfig和TypeIndicatorConfig 。

 ChatView (
  ...

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

要顯示隱藏 typeIndicatorwidget 使用ChatController.setTypingIndicaor ，有關詳細信息，請參閱ChatController 。

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

使用LinkPreviewConfiguration類別新增 linkpreview 設定。

 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 ,
      ),
    ),
  )
  ...
)

新增分頁。

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

新增影像選擇器配置。

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

新增ChatViewState自訂。

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

使用RepliedMsgAutoScrollConfig類別設定自動捲動和突出顯示配置。

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

使用者開始/停止在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 ),

        ),
    ...
  )
)

傳遞customReceipts建構器或處理與收據相關的內容請參閱outgoingChatBubbleConfig中的ReceiptsWidgetConfig 。

 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
              ),
            ), 
        ), 
        
  ...
 
)

標記enableOtherUserName以在聊天中隱藏使用者名稱。

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

)

新增了用於接收訊息的報告按鈕並更新onMoreTap和onReportTap回呼。

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

新增了emojiPickerSheetConfig用於配置表情符號選擇器表。

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

使用 sendMessageConfig 中的VoiceRecordingConfiguration配置樣式和錄音品質。

 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 ,
            ),
        ),
    
    ...
  )
)

新增enabled以啟用/停用聊天文字欄位。

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

新增了標誌isProfilePhotoInBase64 ，定義提供的圖像是 url 還是 base64 資料。

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

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

在DefaultGroupSeparatorConfiguration中加入了chatSeparatorDatePattern ，以使用提供的模式分隔聊天。

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

欄位cancelRecordConfiguration提供取消語音記錄訊息的配置。

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

)

在反應表reactedUserCallback的反應使用者清單中加入了 onTap 回呼。

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

新增了customMessageReplyViewBuilder來自訂自訂類型訊息的回覆訊息視圖。

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

新增設定檔影像的預設頭像defaultAvatarImage 、資產和網路設定檔影像的錯誤產生器assetImageErrorBuilder networkImageErrorBuilder 、Enum ImageType以將影像定義為資產、網路或 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 ' ),
          );
        },
      ),
  ...
),

新增了customMessageReplyViewBuilder來自訂自訂類型訊息的回覆訊息視圖。

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

新增了一個replyMessageBuilder來自訂回應的視圖。

 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),
                    ),
                  ],
                ),
              ],
            ),
          ),
        );
    },
  ...
)

回復建議功能。

新增回覆建議

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

刪除回覆建議

_chatController. removeReplySuggestions ();

更新建議配置

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
),

新增了回呼messageSorter以對ChatBackgroundConfiguration中的消息進行排序。

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

使用ScrollToBottomButtonConfig變更捲動到底部按鈕的配置。

 ChatView (
  ...
    scrollToBottomButtonConfig : ScrollToBottomButtonConfig (

),
  ...
),

使用errorBody在無法解析連結進行預覽時顯示錯誤訊息。

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

使用suggestionItemType以多行而不是可捲動的形式顯示建議項目。

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

如何使用

查看部落格以更好地理解和基本實現。

另外，對於整個範例，請查看範例目錄中的範例應用程式或 pub.dartlang.org 上的「範例」標籤以取得更完整的範例。

主要貢獻者

_{瓦薩爾塔納}

_{德瓦尼特·瓦加尼}

_{烏賈斯·馬吉蒂亞}

_{阿普爾瓦·坎特拉維亞}

_{阿迪亞查夫達}

執照

 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.

展開

flutter_chatview

聊天視圖

預覽

2.0.0 版遷移指南

在`ChatUser.fromJson`中：

在`ChatUser.toJson`中：

在`Message.fromJson`中：

在`Message.toJson`中：

在`ReplyMessage.fromJson`中：

安裝中

訊息類型相容性

平台特定配置

對於影像選擇器

iOS系統

對於語音訊息

iOS系統

安卓

更多可選參數

如何使用

主要貢獻者

執照

pixez flutter

nspanel_pro_tools_apk

flutter_downloader

flutter_3d_controller

flutter_voice_friend

顫動炸彈

chat.petals.dev

GPT Prompt Templates

GPTyped

node telegram bot api

typebot.io

python wechaty getting started

waymo open dataset

wp functions

slugify

flutter_chatview

聊天視圖

預覽

2.0.0 版遷移指南

在ChatUser.fromJson中：

在ChatUser.toJson中：

在Message.fromJson中：

在Message.toJson中：

在ReplyMessage.fromJson中：

安裝中

訊息類型相容性

平台特定配置

對於影像選擇器

iOS系統

對於語音訊息

iOS系統

安卓

更多可選參數

如何使用

主要貢獻者

執照

在`ChatUser.fromJson`中：

在`ChatUser.toJson`中：

在`Message.fromJson`中：

在`Message.toJson`中：

在`ReplyMessage.fromJson`中：