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

z9ju0rcb  于 2022-12-14  发布在  React
关注(0)|答案(1)|浏览(79)

我想

react-native-insta-story

用于显示视频和图像,但我无法显示视频。我遇到错误。我看到黑屏,直到视频结束的时间。
'警告:componentWillReceiveProps已被重命名,不建议使用。详细信息请参阅https://reactjs.org/link/unsafe-component-lifecycles

  • 将数据提取代码或副作用移动到componentDidUpdate。
  • 如果您要在属性更改时更新状态,请重构代码以使用记忆化技术或将其移动到静态getDerivedStateFromProps。https://reactjs.org/link/derived-state
  • 将componentWillReceiveProps重命名为UNSAFE_componentWillReceiveProps,以在非严格模式下取消此警告。在React 18.x中,只有UNSAFE_ name有效。要将所有不推荐使用的生命周期重命名为新名称,可以在项目源文件夹中运行npx react-codemod rename-unsafe-lifecycles

请更新以下组件:安卓立体效果
my rn and component version
我该如何补救?
我搜索了github和stackoverflow,但没有找到解决方案。我打开每一个解决方案。

bqf10yzr

bqf10yzr1#

不幸的是你不能在这个软件包中使用视频.但是你可以下载这个软件包并根据你的要求在这个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并在此处使用视频组件

相关问题