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

我使用的是

react原生视频播放器

，我很难调整视频播放器的大小，因为它太大，不适合屏幕，控制按钮也不适合可用空间

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>
   );
  }
}

import React，{Component}来自'React'；
从“react native”导入{View，Text}；
从“react native video player”导入视频播放器；
导出默认类VideoPage扩展组件{
render（）{
返回(
);
}
}

这是我现在拥有的，正如你所看到的，这是不好的

我需要一些关于如何使它变小的帮助。我试图指定宽度和高度，正如你所看到的，但它只是没有改变它保持原样的任何东西。也许有什么我不知道的

---

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

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

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>
   );
  }
}

import React，{Component}来自'React'；
从“react native”导入{View，Text}；
从“react native video player”导入视频播放器；
导出默认类VideoPage扩展组件{
render（）{
返回(
);
}
}

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

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>
   );
  }
}

import React，{Component}来自'React'；
从“react native”导入{View，Text}；
从“react native video player”导入视频播放器；
导出默认类VideoPage扩展组件{
render（）{
返回(
);
}
}

VideoWidt和videoHeight不起作用吗？@skAstro没错，它们不起作用。我在这里设置的任何尺寸都不适用，也不做任何更改。VideoWidt和videoHeight不起作用吗？@skAstro完全正确，它们不起作用。我在这里设置的任何尺寸都不适用，也不做任何更改。