问题标签 [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.
react-native - 如何在单击气泡触摸时删除消息?React Native Gifted 聊天库
我使用有天赋的聊天库在 React Native 中开发了聊天视图。但我想在点击聊天气泡时执行删除操作。
我尝试了自定义 renderCustomView 、lightboxProps 和 onLongPress 道具,但都没有工作。
react-native - 如何使用 react-native-gifted-chat 使短信可点击
我正在开发一个移动聊天应用程序react-native-gifted-chat
,我想让系统消息可点击以执行功能。
我的代码在下面,但不知何故它不起作用。
这是我的模拟器的截图。 https://gyazo.com/bc1facffffcbe868fbce5cb15385890d
我希望系统消息“此消息无法单击”应该是可单击的,并且在单击它时会显示警报消息“你好”。但它不起作用。
react-native - 如何使用 react-native-gifted-chat 在聊天应用程序中只让一个用户在左侧,而其他用户在右侧
我正在开发一个移动聊天应用程序,这就像一个群聊。
房主的评论应该在聊天界面的左边,其他人的评论应该在右边。
示例:用户 id 1 的评论应该在聊天的左侧,用户 id 2~100 的评论应该在聊天的右侧。
我想我应该使用renderMessage
自定义聊天消息 UI。但我不明白如何有效地使用它。
我已经尝试过开发renderMessage
并render
喜欢下面的内容。
现在,所有消息都在聊天的左侧,如下所示。
https://gyazo.com/bfe08a8f648f3d4648a8d6d26556b116
当然,聊天中的所有消息都在左侧,因为Thumbnail
是放在左侧的。我想知道如何从“renderMessage”中的消息中获取用户 ID。如果我知道,我将开发如下代码。
react-native - React Native:由于内存泄漏而无法执行更新
我正在测试一个连接了 2 个 android 模拟器的 RN (0.59) 聊天应用程序(天才聊天 0.7.3)。在一个客户端上有一条关于内存泄漏的警告消息:
应用程序在 中提交消息检索请求后弹出警告componentDidMount
。我不知道警告来自哪里。
这是Chat.js
:
react-native - 警告:失败的道具类型:提供给“ParsedText”的无效道具.style键“0”
当我使用 react-native-gifted-chat 在我的 react-native 应用程序中发送消息时,我收到有关 ParsedText 的警告(react-native-parsed-text -> https://github.com/taskrabbit/react-native -解析文本)
这是我得到的警告:
你有过这个问题吗?
这是反应本机代码:
react-native - 在有天赋的聊天中显示图像或视频
在react-native-gifted-chat
主页上,有一个包含文本、图像和视频的消息对象示例:
这是可以很好地呈现文本消息的代码:
我将image
和都添加video
到消息数据中:
并创建了一个video
等于字符串的消息http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4
。但是该视频没有显示在聊天屏幕中,因此我无法单击并播放该视频。上面的代码在有天赋的聊天中显示视频(图像)缺少什么?我需要为视频或图像启用某些道具吗?
firebase - 当用户在firebase中注销时如何停止监听获取聊天消息
我正在使用 firebase 实时数据库构建移动聊天应用程序并做出本机反应。此应用程序始终在监听以从 firebase 数据库中获取新的聊天消息。
但是,当我单击sign out
聊天屏幕上的按钮时,我会看到以下错误消息,因为即使我已退出后台应用程序也总是尝试获取新消息,并且我没有读取和写入聊天消息的角色。
这是错误信息。
这是我收听获取新聊天消息的代码。
我想让用户在没有该错误的情况下退出。
react-native - React Native 使用 Twilio Programmable Chat 和 RN Gifted Chat
我正在使用 React Native 构建一个移动应用程序。我正在使用 Twilio Programmable Chat 和 React Native Gifted Chat。
在模拟器中测试时,一切都按预期工作,但是当我将它加载到我的实际设备上并尝试发送消息时,它会被发送,但在 10-15 秒后重复。这意味着消息会一遍又一遍地发送,直到我离开屏幕导航到应用程序的另一部分。
我没有在这里放任何代码,因为它在模拟器中工作,所以我什至不知道从哪里开始,因为我没有得到任何错误来给我一个线索。
这有点奇怪,我不确定如何找到问题的实际根源,因此非常感谢任何帮助。
react-native - 如何使 flatlist 增长到填满整个屏幕?
使用react-native-gifted-chat。只有一条消息,Flatlist 不会占据整个屏幕,导致消息在向下滚动时看起来很奇怪(见图)。如何使列表增长以填满整个屏幕?