首页 > 解决方案 > 在 FlatList 中放置一个 react-native-video 然后按一个按钮进入全屏

问题描述

假设我有一个带有 FlatList 的原生应用程序。FlatList 内部是一个 react-native-video 组件。该视频是在线托管的。在 FlatList 内可以播放视频。我想要的也是一个可以按下的按钮,视频应该全屏显示。无需重新加载视频就可以做到这一点吗?

我可以做的一个解决方案是当按下按钮时,一个新的屏幕显示(例如在 StackNavigator 中),视频使用 flex:1 填满屏幕。但是,由于它是一个新屏幕,视频需要再次加载。

我已经看到 Reddit 应用程序能够在无需重新加载的情况下全屏显示视频。当然,这可能是一个原生应用程序,并且在 react native 中更难做到。

关于如何在本机反应中实现这一点的任何想法?

编辑:添加了额外的信息。

标签: react-nativereact-native-flatlistreact-native-video

解决方案


推荐阅读