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}
/>
为什么将高度设置为宽度值<代码>高度:尺寸。获取(“窗口”)。宽度,为什么高度设置为宽度值<代码>高度:尺寸。获取(“窗口”)。宽度,