flutter_chatviewダウンロード - flutter_chatviewソースコードのダウンロード

チャットビュー

1 対 1 チャット、グループチャット、メッセージ反応、返信メッセージ、リンクプレビュー、全体的なビューの構成などの高度なカスタマイズオプションと Chat View を統合できる Flutter パッケージ。

Web デモについては、Chat View Example をご覧ください。

プレビュー

リリース 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	MacOS	ウェブ	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

この 2 行を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クラスを使用してリンクプレビュー構成を追加します。

 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 ビルダーを渡すか、関連するレシートを処理する場合は、outcomingChatBubbleConfig の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.
        ),
      ...
      ),
  ...
 
)

提供された画像が URL であるか、base64 データであるかを定義するフラグisProfilePhotoInBase64を追加しました。

 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 、画像をアセット、ネットワーク、または Base64 データとして定義する Enum ImageType追加します。

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

ChatBackgroundConfigurationでメッセージを並べ替えるためのコールバックmessageSorterを追加しました。

 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

termwind

wp functions

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`内: