问题标签 [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 回答
415 浏览

react-native - 有没有办法在 react-native-gifted-chat 中显示图像以及一些文本和按钮以及响应消息?

我正在使用 react-native-gifted-chat,我想制作一个类似于链接中附加图片的 UI。我想在 react-native-gifted-chat 中添加此卡片类型功能以及响应消息,但我不知道这是否可以通过有天赋的聊天执行。我的预期输出的屏幕截图

0 投票
5 回答
2564 浏览

reactjs - 如何仅发送图像消息?(也没有发送文本)

我只是想发送图像而不输入任何文本?我正在使用 react-native-image-picker 并且我目前可以发送带有文本的图像,但是如果我只想发送图像怎么办?我尝试了 alwaysShowSend 并尝试发送,但除非文本字段不为空,否则什么也没有发生 文档对此非常模糊......

0 投票
0 回答
109 浏览

react-native-gifted-chat - 在 react-native-gifted-chat 中设置悬停样式

如何设置悬停链接的样式react-native-gifted-chat

例如,我目前有

但在源代码或包的文档中看不到我可以控制链接的悬停颜色。

0 投票
3 回答
656 浏览

react-native - 如果设备或仿真器未处于“远程调试”模式,则获取“无效日期”

我正在应用程序中构建聊天功能,并且正在使用 FaridSafi/react-native-gifted-chat。当我在 chrome 上调试时,消息日期很好。如果我不远程调试所有消息日期变为“无效日期”。我在真实设备和模拟器上有相同的结果

我使用此函数将我从 API 获得的日期格式化为库所采用的格式:

谢谢!

0 投票
1 回答
1182 浏览

react-native-gifted-chat - 如何在天才聊天中设置快速回复文本的颜色?

我看到如何在React Native Gifted Chat中使用设置快速回复选项的样式quickReplyStyle,但那里没有设置样式似乎对快速回复文本本身的颜色有任何影响。

如何在天才聊天中设置快速回复文本的颜色?

0 投票
2 回答
1468 浏览

react-native - React Native Gifted Chat - 视频消息不可点击

任何人都可以通过反应原生天才聊天来帮助我吗?我正在制作一个成熟的聊天应用程序,具有文本、图像、视频、文档等所有功能。默认情况下,我可以使用文本和图像进行聊天。谁能帮我解决视频实现的代码片段?我需要在Press Video Message 上显示一个视频播放器。

https://github.com/FaridSafi/react-native-gifted-chat

有一些可以使用的自定义道具,但我被卡住了,如果我能在聊天中运行视频,我将不胜感激。

我已经尝试了几乎所有关于视频的道具:
1. renderBubble={this.renderBubble}
2. renderMessage={this.renderMessage}
3.renderCustomView={this.renderCustomView}

这是显示视频的以下代码(自动播放然后停止,没有视频按钮覆盖):

当我按下视频消息时,消息应该在可以是灯箱或 react-native-video 的视频播放器中打开。

0 投票
1 回答
599 浏览

react-native - (react-native-gifted-chat with firebase-firestore) 发送一条消息时会显示更多消息

我正在使用聊天(react-native-gifted-chat)和 firebase-firestore 制作应用程序,但在显示它们时遇到问题,因为当我发送消息时,它们会重复他们已经发送的内容,但它只能通过数据显示好的 怎么解决?

0 投票
1 回答
1211 浏览

react-native-gifted-chat - 反应原生天才聊天中的快速回复未显示

我在我的代码中完成了以下设置,但是没有显示快速回复。下面显示的是我的状态对象和渲染代码。[快速回复没有显示,我在代码中遗漏了什么吗? 1

我的渲染方法如下

但是,当应用程序执行时,只显示消息对象的文本属性。请参阅下图了解更多详情。

0 投票
2 回答
1494 浏览

react-native - React Native Gifted Chat中如何确定消息渲染顺序?

我想知道如何确定消息呈现顺序?

起初我以为它会使用 createdAt Date 对象来确定渲染,但事实并非如此。

(如您所见,它不基于日期渲染(2019 年第一,2018 年,2017 年,2016 年和 2019 年再次)

如您所见,它不会基于日期(2019 年第一、2018 年、2017 年、2016 年和 2019 年再次呈现)

我想知道如何修复顺序以首先显示最新消息。我的初始消息数组如下所示:

0 投票
1 回答
553 浏览

javascript - 如何在原生反应中制作聊天应用程序?

我已经使用 react-native-gifted-chat 为我的应用程序构建了聊天 UI。我已将发送的消息和接收的消息与服务连接起来。任何人都可以帮助我解决收到消息后消息没有立即更新的问题吗?

我需要一次又一次地点击服务来刷新聊天消息吗?如果是,那怎么办?

还是我需要实现某种推送通知?如果是,那怎么办?

我只想让我的聊天屏幕在当前用户收到另一个用户的消息时立即更新消息。