问题标签 [react-native-gifted-chat]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1671 浏览

react-native - 如何在单击气泡触摸时删除消息?React Native Gifted 聊天库

我使用有天赋的聊天库在 React Native 中开发了聊天视图。但我想在点击聊天气泡时执行删除操作。

我尝试了自定义 renderCustomView 、lightboxProps 和 onLongPress 道具,但都没有工作。

0 投票
2 回答
4316 浏览

react-native - 如何使用 react-native-gifted-chat 使短信可点击

我正在开发一个移动聊天应用程序react-native-gifted-chat,我想让系统消息可点击以执行功能。

我的代码在下面,但不知何故它不起作用。

这是我的模拟器的截图。 https://gyazo.com/bc1facffffcbe868fbce5cb15385890d

我希望系统消息“此消息无法单击”应该是可单击的,并且在单击它时会显示警报消息“你好”。但它不起作用。

0 投票
3 回答
2100 浏览

react-native - 如何使用 react-native-gifted-chat 在聊天应用程序中只让一个用户在左侧,而其他用户在右侧

我正在开发一个移动聊天应用程序,这就像一个群聊。

房主的评论应该在聊天界面的左边,其他人的评论应该在右边。

示例:用户 id 1 的评论应该在聊天的左侧,用户 id 2~100 的评论应该在聊天的右侧。

我想我应该使用renderMessage自定义聊天消息 UI。但我不明白如何有效地使用它。

我已经尝试过开发renderMessagerender喜欢下面的内容。

现在,所有消息都在聊天的左侧,如下所示。

https://gyazo.com/bfe08a8f648f3d4648a8d6d26556b116

当然,聊天中的所有消息都在左侧,因为Thumbnail是放在左侧的。我想知道如何从“renderMessage”中的消息中获取用户 ID。如果我知道,我将开发如下代码。

0 投票
1 回答
586 浏览

react-native - React Native:由于内存泄漏而无法执行更新

我正在测试一个连接了 2 个 android 模拟器的 RN (0.59) 聊天应用程序(天才聊天 0.7.3)。在一个客户端上有一条关于内存泄漏的警告消息:

应用程序在 中提交消息检索请求后弹出警告componentDidMount。我不知道警告来自哪里。

这是Chat.js

0 投票
0 回答
587 浏览

react-native - 警告:失败的道具类型:提供给“ParsedText”的无效道具.style键“0”

当我使用 react-native-gifted-chat 在我的 react-native 应用程序中发送消息时,我收到有关 ParsedText 的警告(react-native-parsed-text -> https://github.com/taskrabbit/react-native -解析文本

这是我得到的警告:

你有过这个问题吗?

这是反应本机代码:

0 投票
1 回答
8552 浏览

react-native - 在有天赋的聊天中显示图像或视频

react-native-gifted-chat主页上,有一个包含文本、图像和视频的消息对象示例:

这是可以很好地呈现文本消息的代码:

我将image和都添加video到消息数据中:

并创建了一个video等于字符串的消息http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4。但是该视频没有显示在聊天屏幕中,因此我无法单击并播放该视频。上面的代码在有天赋的聊天中显示视频(图像)缺少什么?我需要为视频或图像启用某些道具吗?

0 投票
1 回答
1919 浏览

react-native - 图片在 RN 天才聊天中显示为空白

我的聊天应用程序使用 RN 0.59.9 和react-native-gifted-chat(0.9.6)。消息数据对象是这样的:

其中text, image and video,对于每条消息,只有一个字段填写了数据,另外 2 个字段为空或未定义。以下是 db 中消息数据的示例:

在此处输入图像描述

这是最后 2 个图像消息输出:

一张图片指向一个 URL,另一张是本地文件。但两张图片都没有显示:

在此处输入图像描述

渲染代码很简单:

图片URL链接测试加载,本地文件为3MB图片。什么可能导致图像未显示?

0 投票
1 回答
1170 浏览

firebase - 当用户在firebase中注销时如何停止监听获取聊天消息

我正在使用 firebase 实时数据库构建移动聊天应用程序并做出本机反应。此应用程序始终在监听以从 firebase 数据库中获取新的聊天消息。

但是,当我单击sign out聊天屏幕上的按钮时,我会看到以下错误消息,因为即使我已退出后台应用程序也总是尝试获取新消息,并且我没有读取和写入聊天消息的角色。

这是错误信息。

这是我收听获取新聊天消息的代码。

我想让用户在没有该错误的情况下退出。

0 投票
0 回答
333 浏览

react-native - React Native 使用 Twilio Programmable Chat 和 RN Gifted Chat

我正在使用 React Native 构建一个移动应用程序。我正在使用 Twilio Programmable Chat 和 React Native Gifted Chat。

在模拟器中测试时,一切都按预期工作,但是当我将它加载到我的实际设备上并尝试发送消息时,它会被发送,但在 10-15 秒后重复。这意味着消息会一遍又一遍地发送,直到我离开屏幕导航到应用程序的另一部分。

我没有在这里放任何代码,因为它在模拟器中工作,所以我什至不知道从哪里开始,因为我没有得到任何错误来给我一个线索。

这有点奇怪,我不确定如何找到问题的实际根源,因此非常感谢任何帮助。

0 投票
1 回答
462 浏览

react-native - 如何使 flatlist 增长到填满整个屏幕?

使用react-native-gifted-chat。只有一条消息,Flatlist 不会占据整个屏幕,导致消息在向下滚动时看起来很奇怪(见图)。如何使列表增长以填满整个屏幕?