Reactjs 视频未覆盖整个屏幕

Reactjs 视频未覆盖整个屏幕,reactjs,react-native,react-native-android,react-native-ios,react-native-video,Reactjs,React Native,React Native Android,React Native Ios,React Native Video,我希望我的视频覆盖整个屏幕,但它似乎只覆盖了屏幕的一半,如下所示 我对视频组件进行了如下设计: <Video source={{uri: this.state.video}} style={{ position: 'absolute', top: 0, left: 0, align

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

我对视频组件进行了如下设计:

 <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}
              />

有人能告诉我如何做到这一点吗?我哪里做错了?
任何帮助都是有用的。

不知何故,给出一个高度解决了上述问题,如下所示:

  <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}
          
              />
 

以某种方式给出一个高度解决了上述问题,如下所示:

  <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}
          
              />
 


为什么将高度设置为宽度值<代码>高度:尺寸。获取(“窗口”)。宽度,为什么高度设置为宽度值<代码>高度:尺寸。获取(“窗口”)。宽度,