react-native-gifted-chat 不显示视频消息 - 视频不是由 GiftedChat 实现的

Question

邮件中没有显示视频。收到消息“视频未由 GiftedChat 实现。您需要使用 renderMessageVideo 属性提供自己的实现。

Message[] has the following values:
_id:
text: 
createdAt:
user:{
       _id:
       name:
       avatar:
     },
     image: 
     video:


<GiftedChat
messages={this.state.messages}
onSend={this.onSend.bind(this)}
user={{
_id: this.state.LoggedinuserID,
}}
/>

请帮助我做错了什么

Answer 1

你需要提供自定义组件来将视频包装到

在您的情况下，您是将消息直接呈现给 GiftedChat，因此我们会将自定义视频组件传递给 GiftedChat，如下所示

参考：https://github.com/FaridSafi/react-native-gifted-chat/#react-native-video-and-expo-av

import { Video,Audio } from 'expo-av';

   const renderMessageVideo = (props: any) => {
     const { currentMessage } = props;
     return (
       <View style={{ padding: 20 }}>
          <Video
           resizeMode="contain"
           useNativeControls
           shouldPlay={false}
           source={{ uri: currentMessage.video }}
           style={styles.video}
         />
       </View>
     );
   };


<GiftedChat
messages={this.state.messages}
onSend={this.onSend.bind(this)}
renderMessageVideo={renderMessageVideo}
user={{
_id: this.state.LoggedinuserID,
}}
/>

react-native-gifted-chat 不显示视频消息 - 视频不是由 GiftedChat 实现的

react-native-gifted-chat Video message is not displayed -Video not not implemented by GiftedChat

react-native-gifted-chat