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

reactjs - 来自不同班级的天才聊天附加消息

我仍然不确定如何让它工作。我想在博览会上写一个小型聊天应用程序。现在我正在使用一个按钮,当点击它时,应该将一条消息附加到一个有天赋的聊天中。我有两个未连接的组件。一个叫做 button.js,一个叫做 chat.js。它们都显示在 App.js 中。我尝试在 chat.js 中编写一个辅助函数

我可以看到控制台输出 TEST,但无法设置状态,因为似乎没有安装组件(chat.js)。我使用此代码来调用该函数。

我会认为 chat.js 已安装,因为它显示?我不知道从哪里开始。我很想用 redux 替换 state,但我不确定这是否可行。

0 投票
0 回答
134 浏览

react-native-gifted-chat - React Native Gifted Chat 中的图像纵横比

有谁知道 react-native-gifted-chat 是否支持不同大小的气泡以保持气泡中的图像纵横比?

0 投票
1 回答
218 浏览

react-native - 为什么我在尝试运行 react-native-gifted-chat 项目时收到此错误(无法解析“expo-av”)?

这是错误:无法从“node_modules\react-native-gifted-chat\lib\ExpoMessageVideo.js”解析“expo-av”构建 JavaScript 包失败。

0 投票
0 回答
162 浏览

react-native - 如果消息从另一端到达,如何在反应本机应用程序中添加聊天功能,该应用程序会立即更新聊天?

我在我的应用程序中实现了聊天功能,但我面临的问题是如果用户收到消息,屏幕不会自动刷新。

我在互联网上寻找了几个选项,但我只能找到付费服务或使用 firebase。

是否有任何免费选项可以在不使用 firebase 的情况下实现它?

我想立即刷新我的聊天屏幕,从对方收到消息。

0 投票
1 回答
1601 浏览

javascript - 如何将 react-native-gifted-chat 与 Cloud Firestore 一起使用?

我在使用 cloud firestore 时遇到了 react-native-gifted-chat 的问题。我无法获取以前的消息并附加到有天赋的聊天中。请向我展示如何与云 Firestore 一起使用的代码。谢谢

0 投票
1 回答
713 浏览

react-native-android - 无法使用 npm 安装天才聊天 UI

当我尝试安装有天赋的聊天 UI 包时,它返回给我一个它不存在的错误。你能帮我解决这个问题吗?

  • 节点版本:10
  • 反应原生版本:0.61
  • 安卓

C:\Users\XXXX\Desktop\AProject>npm i react-native-gifted-chat npm ERR! code ENOENT npm ERR! syscall spawn git npm ERR! path git npm ERR! errno ENOENT npm ERR! enoent Error while executing: npm ERR! enoent undefined ls-remote -h -t https://github.com/EvanBacon/react-native-parsed-text.git npm ERR! enoent npm ERR! enoent npm ERR! enoent spawn git ENOENT npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\XXXXX\AppData\Roaming\npm-cache\_logs\2019-10-17T05_42_35_768Z-debug.log

0 投票
1 回答
1600 浏览

firebase - 将有天赋的聊天消息发送到 Firestore 时,有没有办法解决反应原生的“遇到两个具有相同密钥的孩子”错误?

我已经使用带有 firestore 数据库的天才聊天 ui 设置了一个反应本机群聊应用程序,但是一旦我运行该应用程序,我就会不断收到此错误。

警告:遇到两个孩子使用相同的钥匙

在此处输入图像描述 错误似乎来自 getMessages 方法

在我的 Chat.js 文件中,我在 componentDidMount 方法上调用该方法。

我所有的消息密钥在数据库中都是唯一的,除了它们都来自同一个用户 ID。 我所有的密钥在数据库中都是唯一的。

0 投票
1 回答
3501 浏览

firebase - 如何使用 fire-base 作为后端来构建一对一(私人)聊天应用程序?

我想在我的应用程序中添加聊天功能,但问题是在使用 react-native-gifted-chat 和 firebase 作为后端时,其安全规则会导致缺少 _id 和用户的错误。

我尝试使用 firebase 数据库并且不使用安全规则,但问题是它看起来像是群聊,而不是一对一(私人)聊天。

我想要使​​用 firebase 和 react-native-gifted-chat 创建的一对一聊天

0 投票
0 回答
229 浏览

react-native-gifted-chat - props.isSameUser 不是 renderBubble 函数中的函数

尝试在 chatBubble 上方呈现自定义名称。我得到 props.isSameUser 不是 renderBubble 函数中的函数。这与其他人所得到的相矛盾。我不确定它是否正确输入,但没关系。另一个问题是,当我渲染文本时,它会在中心渲染,我找不到任何方法来正确对齐它。

它工作的一些例子:

https://github.com/FaridSafi/react-native-gifted-chat/pull/448#issuecomment-451661928

用户名位置错误的聊天图像

0 投票
2 回答
1104 浏览

react-native-gifted-chat - 是否可以禁用 react-native-gifted-chat 中的文本输入

是否可以完全禁用 react-native-gifted-chat 组件的文本输入,包括发送按钮?

这是我当前的组件:

<GiftedChat text={emergencyText} onInputTextChanged={this.setEmergencyText} />

我可以覆盖渲染方法,但是如何渲染原始输入?