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

javascript - React-Native-Gifted-Chat 性能问题

在此处输入图像描述

当我收到此错误时,相同的消息数据会附加到聊天列表中,然后会崩溃。

我正在尝试使用 react-native-gifted-chat 编写聊天应用程序,我希望用户收到超过 15.000 条消息,但我的天才聊天甚至无法处理 1000 条消息。它给出了这个错误。

我通过套接字从 mongodb 获取数据。

有没有办法以非常好的性能呈现消息数据?我对此进行了很多研究,PureComponent 等。没有任何作用:/

0 投票
1 回答
2058 浏览

reactjs - 快速回复新闻功能(有天赋的聊天)反应原生

我在一个聊天应用程序上工作过,当其中一个回复上的用户选项卡在聊天 UI 中显示为用户消息时,我想创建一个功能,我想知道他选择了哪个快速回复,有人帮助我吗?这是下面的代码:

在聊天 UI 中显示为用户消息,我想知道他选择了哪个快速回复,有人帮助我吗?

0 投票
2 回答
556 浏览

arrays - 为什么我的聊天没有根据带有 react-native-gifted 聊天的日期进行序列化?

我正在尝试通过使用 react native 有天赋的聊天道具发送消息,但是有些它没有按天显示序列化我可以使用 renderDay 道具,但这还不够

这是我的代码

这就是图像

在此处输入图像描述

0 投票
2 回答
601 浏览

javascript - How to add Speech-to-Text into a chat application that is written on React Native

My friends and I are working on a project that is a chat application that will implement Speech-To-Text, Text-to-Speech, and Translation APIs of Google. Gifted Chat and Firebase on the chat application. Chat App is working well with Firebase. We added TTS on it and it is also working well but we can't add the STT. We aim that users can use a microphone and the app can convert that speech into text. This text will automatically appear on the text box of the user. We believe that we must manually add STT to Gifted Chats modules but we don't know how to do it. There is also no source on the Internet about that. We will be so happy if anyone can help us. Thank you!

0 投票
1 回答
806 浏览

android - 反应原生android键盘空白

我正在尝试解决我们在 android 上使用键盘时遇到的问题。由于 react-native-gifted-chat,我们必须android:windowSoftInputMode="adjustResize"使用adjustPan. 问题是,如果adjustResize没有adjustPan. 我也尝试过adjustResize|adjustPanadjustPan|adjustResize并尝试KeyboardAvoidingView在 Form 组件上使用,但似乎没有任何效果。这是不使用adjustResize任何KeyboardAvoidingView. 它会在键盘上方创建一些不可点击的灰色区域。请注意,adjustResize由于聊天无法解决...

提前致谢!

表格屏幕 单击文本输入时

0 投票
1 回答
1740 浏览

react-native - React Native:如果我滚动到屏幕顶部,GiftedChat 只会更新聊天消息?

我正在将 Gifted Chat 用于使用 React Native 的聊天应用程序。当我发送文本消息或图像时,代码会执行,但新消息不会出现在屏幕上,除非我滚动到聊天屏幕的顶部。如果我滚动到底部,不,如果我只滚动到一半,仍然不。只有当我滚动到屏幕顶部时它才会更新。任何人都明白为什么会发生这种情况?这是我的代码。

0 投票
0 回答
369 浏览

react-native - react-native-gifted-chat 不显示

在我的 react-native-gifted-chat 中没有显示。新的反应所以不知道如何解决这个问题。

  1. 消息包含已发送:真和接收:真
  2. 使用 react-native > .61 和 react-native-gifted-chat = 0.16.1
  3. renderTicks 不是布尔值,而是一个函数。它只有 currentMessage 作为参数,甚至没有任何道具。

我必须手动编写刻度吗?

0 投票
1 回答
818 浏览

react-native - 如何更改时间文本颜色?

我使用 react-native-gifted-chat 进行聊天。我想更改时间字体颜色。我按照医生说的改了,但是没有改。我想要两种时间颜色都是黑色的。使用“react-native-gifted-chat”:“^0.16.1”

0 投票
1 回答
217 浏览

react-native-gifted-chat - 如何在 react-native-gifted-chat 中添加聊天名称

我在 react-native-gifted-plugin 中使用了普通的聊天气泡,我想在气泡顶部添加聊天名称并加粗。有没有办法做到这一点?参考图像。在此处输入图像描述

我使用 renderUsernameOnMessage 道具来显示用户名,我该如何设置它的样式。它出现在底部。我想将它添加到气泡顶部并加粗。请帮我 在此处输入图像描述

0 投票
1 回答
976 浏览

javascript - 反应本机滑块不更新状态更新进度

我正在使用 react native 版本0.61.5和 react 版本16.8.3以及 react native 有天赋的聊天版本0.9.11来构建一个小型聊天应用程序。我想发送音频消息。所以我使用react-native-audio-recorder-player库来录制音频并播放。到目前为止,录音和播放是成功的。现在我想在用户播放音频时播放音轨进度。我使用react-native-community/react-native-slider来显示搜索栏。这就是音频消息的样子

在此处输入图像描述

当用户按下播放按钮时,我想在此滑块上显示音轨进度。到目前为止,我就是这样做的。

天才聊天组件

渲染气泡组件

onStartPlay 函数

我可以在控制台中看到当前进度正在更新audioProgress状态。我正在设置Slidervia 的值,audioProgress但搜索栏的位置没有得到更新。我正在 Nexus android 模拟器上测试这个。