npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

react-native-chat-uikit

v2.3.0

Published

test

Downloads

147

Readme

中文 | English


react-native-chat-uikit

这是 agora uikit sdk 的说明文档。

环境需求

  • react-native: 0.63.5 以上
  • nodejs: 16.18.0 以上

下载地址

git clone [email protected]:AgoraIO-Usecase/AgoraChat-rn.git

初始化

在终端命令工具中,切换到 项目根目录。

cd react-native-chat-library
yarn && yarn run generate-source-env

基本介绍

在 agora chat sdk 基础上设计了 agora uikit sdk。通过这些 UI 组件可以更加高效的实现应用开发。除了 UI 组件还提供了必要的 agora chat sdk 的封装以及一些基础工具,尽最大可能提供开发应用的便利性。

功能列表

会话列表组件

  • 提供的接口
    • update: 更新会话列表项
    • create: 创建会话列表项
    • remove: 移除会话列表项
    • updateRead: 设置会话已读
    • updateExtension: 设置会话自定义字段
  • 提供的属性或者事件回调
    • propsRef: 设置会话列表控制器
    • onLongPress: 通知长按会话列表项
    • onPress: 通知点击会话列表项
    • onUpdateReadCount: 通知会话列表项更新
    • sortPolicy: 设置会话列表项排序规则
    • RenderItem: 自定义列表项的样式

聊天详情组件

  • 提供的接口
    • sendTextMessage: 发送文本消息
    • sendImageMessage: 发送图片消息
    • sendVoiceMessage: 发送语音消息
    • sendCustomMessage: 发送自定义消息
    • sendFileMessage: 发送文件消息
    • sendVideoMessage: 发送视频消息
    • sendLocationMessage: 发送定位消息
    • loadHistoryMessage: 加载历史消息
    • deleteLocalMessage: 删除本地消息
    • resendMessage: 重新发送失败的消息
    • downloadAttachment: 下载消息附件
  • 提供的属性或者事件回调
    • propsRef: 设置聊天组件控制器
    • screenParams: 设置聊天组件的参数
    • messageBubbleList: 自定义消息气泡组件
    • onUpdateReadCount: 通知更新消息未读数
    • onClickMessageBubble: 点击消息气泡通知
    • onLongPressMessageBubble: 长按消息气泡通知
    • onClickInputMoreButton: 点击更多按钮通知
    • onPressInInputVoiceButton: 按下语音按钮通知
    • onPressOutInputVoiceButton: 抬起语音按钮通知
    • onSendMessage: 发送消息前的通知
    • onSendMessageEnd: 发送消息结束的通知
    • onVoiceRecordEnd: 录制语音消息结束的通知

聊天气泡组件

  • 提供的接口
    • scrollToEnd: 滚动到页面下方
    • scrollToTop: 滚动到页面上方
    • addMessage: 添加消息
    • updateMessageState: 更新消息状态
    • delMessage: 删除消息气泡项
    • resendMessage: 重新发送消息
  • 提供的属性或者事件回调
    • onRequestHistoryMessage: 下拉刷新请求历史消息通知
    • TextMessageItem: 自定义文本消息的样式
    • ImageMessageItem: 自定义图片消息的样式
    • VoiceMessageItem: 自定义语音消息的样式
    • FileMessageItem: 自定义文件消息的样式
    • LocationMessageItem: 自定义定位消息的样式
    • VideoMessageItem: 自定义视频消息的样式
    • CustomMessageItem: 自定义自定义消息的样式

其它组件

其它组件处于实验性阶段,如果感兴趣可以尝试使用。

UI 基础组件:提供基本的样式和使用。参考 国际化工具:提供界面语言的设置。参考 模态组件管理工具:提供统一的模态窗口显示和隐藏。参考 工具类:提供必要的功能。参考 粘贴板服务:提供复制粘贴服务。 持久化存储服务:提供 key-value 服务。 媒体服务:提供打开媒体库,选择图片、视频、文件服务。 权限服务:提供 ios 或者 android 平台权限申请的服务。 文件服务:提供文件夹的管理服务。

示例演示

参考

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT


Made with create-react-native-library