问题标签 [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-chat 中自动对焦输入框
我正在使用有天赋的聊天库,并希望在初始渲染时使用键盘自动聚焦输入。我看到有一个命令式函数focusTextInput
,但我该如何调用它?
我尝试设置ref
并直接在安装时调用它,但这没有用。
javascript - 在反应原生天才聊天中,我如何将点击作为普通消息处理?
我引用的是这里的代码:
https://snack.expo.io/@xcarpentier/gifted-chat
正如代码所示,当有人按下时:
由于以下原因将触发警报:
我想做的是让按下将“Hello world”发送到输入中,就好像用户只是输入了消息然后按下回车一样。
看来我需要将“Hello world”发送到这个函数中:
但我不知道该怎么做。
我怎样才能让媒体像普通的聊天输入一样工作?
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?
react-native - 将数据附加到有天赋的(giftedchat 和 firebase)
当我关闭应用程序时,文本被清除,使用 firebase 提取数据如何将它们附加到有天赋的聊天中?
当我从键盘输入发送时,这将触发。
react-native - 如何自定义消息气泡以在反应原生天才聊天中还包括用户名和消息时间?
我在 react native 中使用天才聊天库,但默认视图是仅显示头像和气泡中的消息。我正在建立一个群聊,我还想在每个气泡中显示用户的姓名和发送消息的时间。
我添加了renderMessage(props) {...}
属性,如果我在这里返回一个自定义View
,Text
我可以显示用户名,但是我丢失了库已经制作的所有格式。
有没有办法在user.name
不从地面重建所有样式的情况下切换以显示消息?我没有在文档中找到这样的东西,我认为这会很有帮助。
javascript - 在使用 Firebase 的 React-native GiftedChat 聊天应用程序中加载早期消息时遇到问题
我一直在使用 Gifted-Chat 和 Firebase RealTime 数据库开发一个聊天应用程序(并使用 Expo 运行它)。此时,基本消息传递工作,但我试图让应用程序在用户向上滚动并点击出现的按钮时加载较早的消息(我知道 GiftedChat 道具)。不幸的是,我在这样做时遇到了麻烦,并且有点难过。
我知道有两个不同的问题。
- 单击 loadEarlier 按钮会给我一个
undefined is not a function (near '...this.setState...'
运行时错误(显然,我放在那里的骨架函数有问题)。 - 更大的问题是我仍然不清楚如何在当前加载最旧的消息之前下载n条消息。我已经查看了 GiftedChat 示例和这篇文章寻求帮助,但必须承认我仍然迷路(我能想到的最好的办法是我需要对消息进行排序,可能按时间戳,以某种方式获得正确的范围,然后解析它们并将它们添加到状态中的消息数组中,但我无法弄清楚如何执行此操作,尤其是后面的部分)。
下面是我的聊天屏幕代码的相关部分,以及我的 firebase 数据库结构的屏幕截图。对于这两个问题,我将不胜感激。
react-native - 如何在 react-native-gifted-chat 中将消息从子输入传递到父聊天
我得到了一个基于 react-native-gifted-chat 的聊天,其中包含一个子 InputBox 组件,该组件具有输入布局和一些按钮以及发送按钮。我正在传递 2 个函数来处理 onSend 和相机,但我想知道如何将我在 InputBox 上写的文本发送给包含 GiftedChat 的父级。
GiftedChat 处理一系列消息,但是如何根据输入和按钮 onPress 创建新的文本消息?
这是我当前的代码:
在父母身上
这是 GiftedChat 的样子:
关于儿童
我必须要传递this.props.message
给this.props.onSend
?然后将其合并到父母的消息中?
reactjs - 无法将父组件的状态传递给其子组件
我不能将父母的状态传递给它的子组件。
我尝试将整个父母的状态传递给孩子,但是,状态本身的内容是undefined
. 另外,我也尝试过类似的使用道具,但效果也不好。
我希望将状态或值传递给子组件,并且值将可用。