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

react-native - 你如何在 react-native-gifted-chat 中自动对焦输入框

我正在使用有天赋的聊天库,并希望在初始渲染时使用键盘自动聚焦输入。我看到有一个命令式函数focusTextInput,但我该如何调用它?

Github 回购

我尝试设置ref并直接在安装时调用它,但这没有用。

0 投票
2 回答
3166 浏览

javascript - 在反应原生天才聊天中,我如何将点击作为普通消息处理?

我引用的是这里的代码:

https://snack.expo.io/@xcarpentier/gifted-chat

正如代码所示,当有人按下时:

由于以下原因将触发警报:

我想做的是让按下将“Hello world”发送到输入中,就好像用户只是输入了消息然后按下回车一样。

看来我需要将“Hello world”发送到这个函数中:

但我不知道该怎么做。

我怎样才能让媒体像普通的聊天输入一样工作?

0 投票
2 回答
6883 浏览

react-native - How do you modify other's library/ module?

I want to add a Card component to this module: https://snack.expo.io/@xcarpentier/gifted-chat (demo)

For example, if using onLongPress() on the Bubble Message, i want additional info to appear (right below that Bubble Message, as a small card, like Tinder Card).

How do I do that? Do I need to clone the source code and then modify it to fit what I need?

0 投票
1 回答
2441 浏览

react-native - 将数据附加到有天赋的(giftedchat 和 firebase)

当我关闭应用程序时,文本被清除,使用 firebase 提取数据如何将它们附加到有天赋的聊天中?

当我从键盘输入发送时,这将触发。

0 投票
1 回答
2215 浏览

react-native - 如何自定义消息气泡以在反应原生天才聊天中还包括用户名和消息时间?

我在 react native 中使用天才聊天库,但默认视图是仅显示头像和气泡中的消息。我正在建立一个群聊,我还想在每个气泡中显示用户的姓名和发送消息的时间。

我添加了renderMessage(props) {...}属性,如果我在这里返回一个自定义ViewText我可以显示用户名,但是我丢失了库已经制作的所有格式。

有没有办法在user.name不从地面重建所有样式的情况下切换以显示消息?我没有在文档中找到这样的东西,我认为这会很有帮助。

0 投票
4 回答
2530 浏览

reactjs - react-native-gifted-chat 多次显示相同的消息

react-native-gifted-chat在我的 react-native 应用程序中使用。正如我在这张图片中显示的那样,多次显示相同的消息,并且message: Yes getting new msg' 的位置也与其实际位置不同。我的问题与相同。谁能帮我解决这个问题。

先感谢您。

0 投票
3 回答
4764 浏览

javascript - 在使用 Firebase 的 React-native GiftedChat 聊天应用程序中加载早期消息时遇到问题

我一直在使用 Gifted-Chat 和 Firebase RealTime 数据库开发一个聊天应用程序(并使用 Expo 运行它)。此时,基本消息传递工作,但我试图让应用程序在用户向上滚动并点击出现的按钮时加载较早的消息(我知道 GiftedChat 道具)。不幸的是,我在这样做时遇到了麻烦,并且有点难过。

我知道有两个不同的问题。

  1. 单击 loadEarlier 按钮会给我一个undefined is not a function (near '...this.setState...'运行时错误(显然,我放在那里的骨架函数有问题)。
  2. 更大的问题是我仍然不清楚如何在当前加载最旧的消息之前下载n条消息。我已经查看了 GiftedChat 示例这篇文章寻求帮助,但必须承认我仍然迷路(我能想到的最好的办法是我需要对消息进行排序,可能按时间戳,以某种方式获得正确的范围,然后解析它们并将它们添加到状态中的消息数组中,但我无法弄清楚如何执行此操作,尤其是后面的部分)。

下面是我的聊天屏幕代码的相关部分,以及我的 firebase 数据库结构的屏幕截图。对于这两个问题,我将不胜感激。

数据库截图

0 投票
2 回答
1639 浏览

react-native - 消息仅显示在一侧(屏幕左侧) - react-native-gifted-chat

如果 2 个用户正在使用该应用程序,则消息将显示在屏幕左侧。无法区分它们(发送者谁发送了什么消息),只有在使用我们自己的 REST Api Call 来加载时才会发生,

在此处输入图像描述但是,当当时发送一条新消息时,消息将分别显示发送方和接收方格式,而当我当时使用 twillio 默认 getMessages 方法时,另一种情况也不会发生错误。

获取两个用户的先前消息的 Twilio 方法:

在此处输入图像描述请在上面找到截图供您参考。任何知道如何解决此问题的人或任何建议都欢迎。

0 投票
1 回答
1309 浏览

react-native - 如何在 react-native-gifted-chat 中将消息从子输入传递到父聊天

我得到了一个基于 react-native-gifted-chat 的聊天,其中包含一个子 InputBox 组件,该组件具有输入布局和一些按钮以及发送按钮。我正在传递 2 个函数来处理 onSend 和相机,但我想知道如何将我在 InputBox 上写的文本发送给包含 GiftedChat 的父级。

GiftedChat 处理一系列消息,但是如何根据输入和按钮 onPress 创建新的文本消息?

这是我当前的代码:

在父母身上

这是 GiftedChat 的样子:

关于儿童

我必须要传递this.props.messagethis.props.onSend?然后将其合并到父母的消息中?

0 投票
1 回答
134 浏览

reactjs - 无法将父组件的状态传递给其子组件

我不能将父母的状态传递给它的子组件。

我尝试将整个父母的状态传递给孩子,但是,状态本身的内容是undefined. 另外,我也尝试过类似的使用道具,但效果也不好。



我希望将状态或值传递给子组件,并且值将可用。