如何使视频播放器尺寸更小？

Question

我使用react-native-video-player并且我在调整视频播放器的大小时遇到​​了困难，它太大而且不适合屏幕和控制按钮不适合可用空间。

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import VideoPlayer from 'react-native-video-player';

export default class VideoPage extends Component {

  render() {
   return (
    <View>
      <VideoPlayer
        video={{ uri: 'file:///storage/emulated/0/Download/sample_video.mp4' }}
        videoWidth={1280}
        videoHeight={720}
      />
    </View>
   );
  }
}

以下是我现在的情况，因为你可以看到这不行。

我需要一些如何缩小它的帮助。我试着指定宽度和宽度你可以看到高度，但它不会改变任何它保持不变的东西。也许有一些我不知道的事情？

提前感谢您提供任何帮助或建议。

Answer 1

将大小设置为您的视图，而不是您的视频播放器，并通过样式设置。

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import VideoPlayer from 'react-native-video-player';

export default class VideoPage extends Component {

  render() {
   return (
    <View style={{width: 1280, height: 720}}>
      <VideoPlayer
        video={{ uri: 'file:///storage/emulated/0/Download/sample_video.mp4' }}

      />
    </View>
   );
  }
}