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

z9ju0rcb 于 2022-12-14 发布在 React

关注(0)|答案(1)|浏览(80)

我想

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，但没有找到解决方案。我打开每一个解决方案。

react-native

来源：https://stackoverflow.com/questions/74783308/how-can-i-use-video-in-react-native-insta-story

1条答案

按热度按时间

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并在此处使用视频组件

赞(0）回复(0）举报 2022-12-14

我来回答

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

1条答案

相关问题

热门标签

最新问答