问题标签 [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 投票
2 回答
2362 浏览

react-native - 如何在反应原生天才聊天中显示与我聊天的人的名字

在此处输入图像描述看起来这是我的聊天消息应用程序的后端,知道这个问题吗?我想显示和我聊天的人的名字

0 投票
1 回答
1044 浏览

reactjs - 如何为每条冒泡消息设置 ID,然后使用其 ID 进行更新

了解我的问题的简单方法播放以下视频,看看我的问题是什么。 https://vimeo.com/315390850

如果您没有良好的网络连接,请阅读以下句子。

我要更新气泡消息,但我不知道如何按 ID 更新特定消息。示例:在 html 中,列表中的每个标签都有一个和 Id,如果我们必须更新,那么我们通过 id 选择它,然后更新它。那么如何为 react-native-gifted-chat 气泡消息创建这样的概念呢?

我尝试将 refs 与 setNativeProps 函数一起使用,但没有奏效。

在这里,当我发送多条音频消息时,我有一个聊天框,例如 3 条音频消息:音频消息 .1、音频消息 0.2、音频消息 .3 音频消息 .1 是第一次来的。音频消息 .3 上次来了。

每条音频消息都有一个播放图标和一个进度条。当我点击播放图标时,我会更新进度条。在这里,我使用间隔单击播放图标,进度条会多次更新,直到完成。

我的问题是:当我单击音频消息 .1 的播放图标时,只有最后一条音频消息 .3 得到更新。我想要:如果我点击音频消息 .1,音频消息 .1 的进度条应该会更新。音频信息 .2 和音频信息 .3 相同。

0 投票
1 回答
4176 浏览

javascript - 如何使用 renderMessage、renderMessageImage 函数以及消息对象为空时如何显示未找到的消息

我正在我的应用程序中集成 react-native-gifted-chat。

我的天才聊天代码是

在这里我需要使用自定义图像渲染器。我知道我需要使用 renderMessageImage 但我无法找到合适的例子来实现它。

但它不工作。

我的另一个问题是,如果没有任何消息,我需要将天才聊天屏幕显示为没有找到消息而不是白屏。我怎样才能实现这两个。

我需要类似的屏幕

在此处输入图像描述

0 投票
3 回答
3989 浏览

react-native - 有天赋的聊天缺少消息的“_id” - React Native

所以我正在为我的应用程序构建聊天功能部分。我正在使用 sendbird sdk 以及用于 UI 的天才聊天。

我的消息不会显示,并且我不断收到以下警告。'GiftedChat:_id缺少消息''

消息显示空白

现在我已经三重检查了我的 sendbird 配置是否正确,我已正确登录并且还创建了适当的频道。这些都有效。

查看他们发布的我的消息日志,如图所示。

但是他们发布为messageId,我是否必须更改它的结构?如果是这样,我该怎么做,因为 sendbird 已经预先配置了它。或者我可以在有天赋的聊天中改变这个吗?

请看下面我的代码片段。

0 投票
1 回答
171 浏览

react-native - 反应原生聊天呈现用户名

我正在创建一个反应本机聊天应用程序,但我无法在消息中获取用户名

0 投票
1 回答
93 浏览

react-native - 类型和有效负载正在被调度而不调用它

我目前正在开发react-native具有聊天功能的应用程序。我redux用来存储我的状态。因此,在按下发送按钮发送消息后,会调用一个操作将消息发送到 firebase 并随后将其显示在屏幕上。

我当前的问题是,虽然我调用的动作调度了正确的类型/有效负载,但另一个类型/有效负载也在被调度,它没有在被调用的动作中调度。显然,正在以某种方式调用另一个包含类型/有效负载的动作。

未被调用的操作代码如下:

正如我所说,GET_CHAT_DATA即使没有调用此操作,也会分派类型。此外,console.log 没有显示长的测试消息,这应该意味着这个动作没有被调用,对吧?

什么可能导致这种奇怪的行为?

太感谢了!

0 投票
1 回答
485 浏览

react-native-gifted-chat - 如何在日月小时:分钟 AM/PM 中显示字段“createdAt”中的值

我正在使用 react-native-gifted-chat 并希望从“createdAt”字段更改时间值的默认格式。默认是“月-日,年”,我想将时间格式化为显示小时和分钟,但无法找到出路...

我正在使用 Moment 插件的格式: Moment(new Date()).format('DD-MMM-YYYY HH-mm A'); 我得到“无效日期”或“-0001”作为值,但在控制台中我得到它是正确的......

0 投票
2 回答
3266 浏览

react-native - 如何通过向上滚动使用 react-native-gifted-chat 加载更多消息?

当我滚动到顶部时,我想加载更多消息。有一个道具onLoadEarlier,我在这里传递了一个函数来加载更多消息,但它不起作用。打开聊天框时确实调用了此函数,但我想在滚动到顶部时执行一个函数。

0 投票
0 回答
1500 浏览

react-native-gifted-chat - 错误:命令失败:在主项目上运行 npm install 后 git rev-parse --git-dir

从https://github.com/FaridSafi/react-native-gifted-chat克隆 git

npm 安装

这是基础项目。我已经下载了它来查看不同的示例。但该项目不会安装。有人可以帮忙吗?你如何运行示例项目?

0 投票
0 回答
538 浏览

react-native - renderLoadEarlier 无法正常工作

自定义 renderLoadEarlier 无法正常工作。

我有这个代码:

加载更多按钮类:

在聊天模块中,我有

如果我按下加载更多按钮,我希望控制台日志的输出必须在最后包含这一行:

在这一行之后:

但实际输出不包含它,只是:

一切正常,除了在最后一步,在 this.state.isLoadingEarlier 从 true 更改为 false 之后没有调用 renderLoadEarlier。

有人知道为什么吗?