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

mobile_chat_ui 封面
套件詳情v2.0.0

mobile_chat_ui

適用於 Android、IOS 和 Web 開發者的完全可自定義的現代聊天 UI。

AndroidiOS
近 30 天下載
36
喜歡數
32
Pub 分數
140

安裝套件

flutter pub add mobile_chat_ui

套件介紹

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

一個專為 Android、iOS 和 Web 開發者設計的完全可自訂的現代聊天 UI,使用 Flutter 建構。它提供一個優雅、響應迅速的介面,支援即時訊息傳遞,包含訊息、頭像、時間戳與訊息狀態指示器。此套件以模組化為設計核心,讓開發者能輕鬆自訂主題、訊息氣泡、輸入欄位與動畫。可無縫整合至現有的 Flutter 專案中,設定簡單。非常適合需要動態、使用者友善聊天體驗的應用。

適用情境

  • 即時訊息應用
  • 客戶支援介面
  • 社交網絡平台
  • 群聊功能
  • 應用內通訊工具

主要特色

  • 完全可自訂的設計
  • 對多個平台的支援
  • 即時訊息渲染
  • 模組化組件結構
  • 內建訊息狀態指示器

適合對象

  • Flutter 開發人員建構聊天功能
  • 跨平台訊息應用
  • 需要響應式UI的應用程式
  • 尋求快速聊天整合的團隊
  • 開發人員優先考慮自訂

使用建議

  • 需要額外的邏輯來實現後端整合
  • 自定樣式可能需要 Dart 知識
  • 有限的內建鍵入指示器
  • 無原生語音或視訊通話支援
  • 依賴外部狀態管理進行資料流

原始 README

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


Mobile Chat UI

A fully customizable modern chat UI for Android, IOS and web developers.


Chat Image


Getting Started

Requirements

Dart >=3.1.1 and Flutter >=3.13.3

First run the following command in your terminal:

flutter pub add mobile_chat_ui

Usage

import 'package:mobile_chat_ui/mobile_chat_ui.dart';

return Scaffold(
    appBar: AppBar(title: const Text("Chat Test")),
    body: Chat(
        user: loggedInUser,
        messages: messages,
        theme: DefaultChatTheme(userAvatarRadius: 12),
        authorDetailsLocation: AuthorDetailsLocation.bottom,
        hasInput: true,
        showUserAvatar: true,
    ),
);

Contributing

All contributions are welcome!

If you like this project then please click on the 🌟 it'll be appreciated or if you wanna add more epic stuff you can submit your pull request and it'll be gladly accepted 🙆‍♂️

or if you found any bug or issue do not hesitate opening an issue on github

所屬分類

依賴

原始碼儲存庫

使用此套件的專案

暫無相關資料。