搜尋套件、儲存庫與 APP 分類

chat_composer 封面
套件詳情v1.0.3

chat_composer

一個用於輕鬆實現聊天輸入框的 Flutter 套件,允許使用者透過文字、音訊和其他媒體進行聊天。

AndroidiOS
近 30 天下載
69
喜歡數
47
Pub 分數
130

安裝套件

flutter pub add chat_composer

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

ChatComposer 是一個 Flutter 套件,旨在簡化應用程式中聊天輸入功能的整合。它讓使用者能夠透過文字、語音錄製及其他媒體類型,在統一且可自訂的介面中傳送訊息。此套件以易用性為設計核心,支援 Android 與 iOS 平台,為開發者提供一種簡化通訊體驗的方式。該套件提供響應式且可擴展的基礎架構,適用於即時訊息應用,非常適合社交平台、客戶支援工具或協作環境。

適用情境

  • 即時訊息應用
  • 客戶支援聊天介面
  • 社交媒體訊息
  • 協作式工作區
  • 支援語音的聊天功能

主要特色

  • 簡訊輸入
  • 音訊錄製支援
  • 媒體附件功能
  • 跨平台相容性(Android 與 iOS)
  • 可自定義的 UI 組件

適合對象

  • 開發聊天應用的開發者
  • 需要豐富媒體訊息的團隊
  • 需要語音轉文字通訊的應用
  • 以行動裝置為先的通訊平台
  • 開發週期緊張的專案

使用建議

  • 需要平台特定權限才能進行音訊錄製
  • 可能需要額外的樣式以實現品牌一致
  • 依賴外部媒體處理依賴項
  • 有限的開箱即用的分析或訊息歷史
  • 最適合簡單到中等複雜度的聊天流程

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

chat_composer

pub package

A Flutter package for easy implementation of chat composer allows users to chat with Text, Audio, and Other Media.

Gif

Setup

Android

Permissions

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

AndroidX

  1. Add the following to your "gradle.properties" file:
android.useAndroidX=true
android.enableJetifier=true
  1. Make sure you set the compileSdkVersion in your "android/app/build.gradle" file to 33 or higher:
android {
  compileSdkVersion 33
  ...
}
  1. Make sure you set the minSdkVersion in your "android/app/build.gradle" file to 18 or higher:
defaultConfig {
  minSdkVersion 18
  ...
}
  1. Make sure you replace all the android. dependencies to their AndroidX counterparts (a full list can be found here: https://developer.android.com/jetpack/androidx/migrate ).

IOS

I'm working on the iOS version until then you can support me by buying me a cup of coffee 🙂

Add dependency

dependencies:
  chat_composer: ^1.0.2 #latest version
Import
import 'package:chat_composer/chat_composer.dart';
Easy to use
ChatComposer(
    onReceiveText: (str) {
    print('TEXT : ' + str!);
    },
    onRecordEnd: (path) {
    print('AUDIO PATH : ' + path!);
    },
)
Attributes

leading: A widget to display before the [TextField].
actions: A list of Widgets to display in a row after the [TextField] widget.
onReceiveText: A callback when submit Text Message.
onRecordStart: A callback when start recording.
onRecordEnd: A callback when end recording, return the recorder audio path.
onRecordCancel: A callback when cancel recording.
onPanCancel: A callback when the user does not lock the recording or does not hold.
maxRecordLength: Audio max duration should record then return recorder audio path.

Buy Me A Coffee

所屬分類

依賴

依賴清單 7 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。