视频未覆盖整个屏幕

Posted 2023-03-15

【中文标题】视频未覆盖整个屏幕

【英文标题】：Video not covering the whole screen

【发布时间】：2020-09-04 10:51:36

【问题描述】：

我希望我的视频覆盖整个屏幕，但它似乎只覆盖了一半的屏幕，如下所示

我对视频组件的样式如下：

 <Video
                source=uri: this.state.video
                style=
                  position: 'absolute',
                  top: 0,
                  left: 0,
                  alignItems: 'stretch',
                  bottom: 0,
                  right: 0,
                  height: Dimensions.get('window').width,
                
                resizeMode="cover"
                repeat=true
              />

谁能告诉我如何实现这种行为以及我哪里出错了？ 任何帮助都会很有用。

【问题讨论】：

为什么将高度设置为宽度值？ height: Dimensions.get('window').width,

【参考方案1】：

以某种方式给出高度解决了上述问题，如下所示：

  <Video
                source=uri: this.state.video
                style=
                  position: 'absolute',
                  top: 0,
                  left: 0,
                  alignItems: 'stretch',
                  bottom: 0,
                  right: 0,
                  height: "90%",
                
                resizeMode="cover"
                repeat=true
          
              />