搜索插件、代码仓与 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

所属分类

依赖

源码仓库

使用此插件的项目

暂无相关数据。