如何在 React Native insta-story 中使用视频？

Question

我想要

react-native-insta-story

用于显示视频和图像，但我无法显示视频。我遇到错误。我看到黑屏直到视频结束。

` 警告：componentWillReceiveProps 已重命名，不建议使用。有关详细信息，请参阅https://reactjs.org/link/unsafe-component-lifecycles。

• 将数据获取代码或副作用移至 componentDidUpdate。
• 如果您在 props 更改时更新状态，请重构您的代码以使用记忆技术或将其移至静态 getDerivedStateFromProps。了解更多信息： https: //reactjs.org/link/driven-state
• 将 componentWillReceiveProps 重命名为 UNSAFE_componentWillReceiveProps 以在非严格模式下抑制此警告。在 React 18.x 中，只有 UNSAFE_ 名称才有效。要将所有已弃用的生命周期重命名为新名称，您可以npx react-codemod rename-unsafe-lifecycles在项目源文件夹中运行。

请更新以下组件：AndroidCubeEffect`

我的 rn 和组件版本

以及我该如何解决？

我搜索了 github 和 stackoverflow 但没有找到解决方案。我开放每一个解决方案。

Answer 1

不幸的是你不能使用该包中的视频。但您可以下载该包并根据您的要求在此StoryListItem组件中进行更改，然后您就可以使用视频了。

    <View style={{ flexDirection: 'row', alignItems: 'center' }}>
                {props.isVideo ? <Video src={src} style={styles.avatarImage} /> : 
<Image style={styles.avatarImage} source={{ uri: profileImage }} />
                <Text style={styles.avatarText}>{profileName}</Text>
              </View>

这里使用图像组件，您可以使用react-native-video并使用视频组件