Question

任何人都可以通过本地聊天来帮助我吗？我正在制作一个功能全面的聊天应用程序，它具有文本，图像，视频，文档等所有功能。默认情况下，我可以使用文本和图像进行聊天。有人可以帮助我介绍视频实施的代码段吗？我需要在Press Video Message上显示视频播放器。

https://github.com/FaridSafi/react-native-gifted-chat

有一些可以使用的自定义道具，但我被困住了，不胜感激，因为我可以在聊天中运行视频而获得的任何帮助或摘要。

我几乎尝试过所有有关视频的道具：
1. renderBubble={this.renderBubble}
2. renderMessage={this.renderMessage}
3. renderCustomView={this.renderCustomView}

以下是显示视频的以下代码（自动播放然后停止，没有视频按钮覆盖）：

this.setState({
messages: [
{
_id: 3,
video: 'https://www.w3schools.com/html/mov_bbb.mp4',
createdAt: new Date(),
user: {
_id: 2,
name: 'React Native',
avatar: 'https://placeimg.com/140/140/any'
}
]
});

<GiftedChat
messages={this.state.messages}
user={{
_id: userId
}}
renderActions={!socialize && this.renderActions}
onSend={this.sendMsesage}
onInputTextChanged={this.onChangeText}
text={this.state.message}
/>

当我按视频消息时，该消息应在视频播放器中打开，该视频播放器可以是lightbox或react-native-video。

Answer 1

视频依赖项从0.11.0开始删除但是您仍然可以尝试使用此道具renderMessageVideo

Answer 2

我尝试了renderMessageVideo，可以看到视频。但是遇到了另一个问题，该视频也随文本和图像组件的空白一起显示

zone

反应本机资优聊天-视频消息不可点击

2 个答案: