如何在 React Native 中获取视频的尺寸？

Question

我正在使用react-native-video组件来播放视频。

问题：
我想知道视频的尺寸，以便我可以调整其他一些项目。

当我将 ref 存储为

<Video
    ref={ref => setVideoRef(ref)}
    resizeMode={'contain'}
/>

我可以访问videoRef.props.scaleX和videoRef.props.scaleY，但它们始终是未定义的，即使视频已完全加载。如何访问视频形状/尺寸？

Answer 1

您可以将回调传递给onLoad道具，该道具将接收naturalSize视频的。例子：

  <Video
    onLoad={({ naturalSize }) => {
      console.log(naturalSize.width, naturalSize.height);
    })}
    ...

如果您需要，回调有更多信息 -请参阅文档中的更多信息。