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

chat - 如何显示存储在变量中的图像?

在天才聊天中,有一个image字段可以是指向要显示的图像的 URL。这是一个消息示例:

对于存储在变量中的图像文件img,如何在聊天消息中显示它?message.image = img不工作。

0 投票
1 回答
2966 浏览

android - 如何自动调整 React Native Gifted Chat 输入的大小?

我使用 React Native Gifted Chat,但我遇到了一个问题,当文本输入超过两行或用户使用 enter 时,TextInput 不会自动调整大小。如下图所示:

在此处输入图像描述

这是我的代码:

我希望 React Native Gifted Chat 上的 TextInput 自动调整大小。请帮忙。谢谢。

0 投票
1 回答
403 浏览

android - 如果聊天未发送到服务器,如何更改 React Native Gifted Chat 图标?

我使用 react native 有天赋的聊天,我希望当用户无法向服务器发送聊天时,气泡中的图标会改变?

也许如果用户发送消息失败,会出现这样的图标:

在此处输入图像描述

谢谢,请帮忙

0 投票
0 回答
1557 浏览

react-native - 如何使用天才聊天和 Firebase 身份验证实现双向聊天功能?

我正在尝试使用 React Native + Gifted Chat + expo + firebase realtime DB 为我的应用程序构建聊天功能。我可以将模块构建到这部分。我正在使用 Firebase 身份验证,并且想知道如何将这些聊天与发送和接收它们的用户的凭据相关联 - 这样当他们重新登录时 - 他们可以看到他们过去的聊天并知道是谁发送的。到目前为止,这只是一种单向聊天,我刚刚硬编码了一条消息和一个用户电子邮件 ID - 但我希望它喜欢:

用户 1 登录 - 向用户 2 发送“嗨”

用户 2 登录并查看用户 1 的所有过去消息和新的“嗨”部分。

我已经添加了代码的 previousState 部分来附加旧消息 - 但它没有发生,因为我直到现在还没有将当前用户与聊天相关联。

关于如何做的任何想法?帮助将不胜感激!

到目前为止只有一种方式聊天

我正在使用 Firebase 身份验证进行身份验证:

我当前聊天的代码如下:

0 投票
0 回答
364 浏览

react-native - React Native Gifted Chat 附加多个图像

我正在为我的一个项目使用 React Native Gifted Chat。我知道有一个可用的图像选项,我可以在其中将单个图像附加到聊天中。但是,有没有办法可以将多个图像附加到单个聊天中?

0 投票
2 回答
484 浏览

react-native - 类型错误:超级表达式必须为 null 或函数 (GiftedChat)

我正在使用GiftedChat npm 来响应原生的聊天机制。它在较低反应的本机版本中运行良好。我已将 react 原生版本升级到 0.62.0

现在我得到了来自 GiftedChat 的异常说 "TypeError: super expression must be null or function" 。安卓设备发生错误。有关详细信息,请参阅随附的屏幕截图。

在此处输入图像描述

如何解决这个问题?

任何形式的建议将不胜感激。

0 投票
4 回答
3258 浏览

react-native - 聊天气泡样式问题 - react-native-gifted-chat

我在我的 react-native 应用程序中使用 react-native-gifted-chat。聊天气泡样式在所有气泡上都不相同。我使用了borderRadius:30,因为第一个消息气泡形状正确显示,第二个消息气泡形状的气泡变得不同。我添加了以下代码:

聊天气泡形状不同

我想在所有气泡上获得相同的气泡形状。

0 投票
1 回答
225 浏览

react-native - 如何在有天赋的聊天中显示浮动图标

我正在尝试显示将显示在聊天列表上方的特定图标。我尝试了 position:'absolute' 风格但无法成功。请告诉我是否可能。

0 投票
0 回答
602 浏览

javascript - 反应原生天才聊天 - 看不到我发送的消息只能看到从用户收到的消息

我是新手,无法对本地有天赋的聊天做出反应,每当我发送消息并以其他用户身份登录时,他们都可以看到我的消息,但是当我以自己的身份重新登录时,我看不到消息我只发送了收到的消息怎么办我两个都显示?

我怎样才能做到这一点,以便我可以看到我发送的消息和我收到的消息,我是否还为 firebase firestore 创建了一个侦听器以检查是否收到了新消息?

0 投票
1 回答
180 浏览

react-native - 如何在 GiftedChat React Native 中制作轮播消息

这是我想做的

消息轮播示例

我可以用按钮发送消息,但我不知道如何组合组件以创建轮播。