javascript - 博览会/ react native : Video Failing to Resize

Question

我将 Expo 与 React Native 结合使用，在 Galaxy S8+ 上的 Android 模拟器上进行测试。

我正在使用 Video来自 Expo 库的组件，因为我无法获得 react-native-video去工作。

我正在使用以下代码: <Video style={styles.video} source={{ uri: url }} isMuted={false} shouldPlay isLooping usePoster={true} useNativeControls={false} resizeMode="contain" />

styles.video就是{width: window.width, height: 650}

显示以下内容:Screenshot of issue

但是，如果您加载视频，它实际上适合整个窗口，并且按我想要的方式调整大小，但只有半秒钟。之后它立即变小，就像屏幕截图中那样。我试过了 cover和 center同样，它没有用。任何帮助将不胜感激。

编辑:更多详细信息:

我希望它看起来像这样，我正在为图像工作:Image of what it should look like

对于图像，我使用默认的 Image通过以下方式来自 React Native 的组件:<Image style={styles.image} source={{ uri: data.url }} resizeMode="contain" />

和styles.images与 styles.video 相同此刻。

Answer 1

视频的resizeMode="contain"

flex:1 样式