React native 如何将视频设置为React Native上的背景
我想设置一个视频作为背景,但我可以在屏幕上设置一个视频,而不是背景,我想在上面有一些按钮 我在使用react原生视频库时遇到了一些问题,我正在使用React native 如何将视频设置为React Native上的背景,react-native,video,expo,React Native,Video,Expo,我想设置一个视频作为背景,但我可以在屏幕上设置一个视频,而不是背景,我想在上面有一些按钮 我在使用react原生视频库时遇到了一些问题,我正在使用 import { Video } from 'expo'; 我想用expo library播放一段视频作为背景,希望有人能帮助我,提前谢谢你可以使用zIndex实现,下面的代码将视频作为背景渲染,并在上面播放按钮。React native样式与web CSS的工作原理相同,您应该阅读更多有关CSS定位的信息 render(){ 返回( 玩 ); }
import { Video } from 'expo';
我想用expo library播放一段视频作为背景,希望有人能帮助我,提前谢谢你可以使用zIndex实现,下面的代码将视频作为背景渲染,并在上面播放按钮。React native样式与web CSS的工作原理相同,您应该阅读更多有关CSS定位的信息
render(){
返回(
玩
);
}
常量样式={
容器:{
位置:'相对'
},
视频:{
位置:'绝对',
排名:0,
右:0,,
左:0,,
底部:0,
zIndex:1,
},
按钮:{
位置:'相对',
zIndex:2,
}
};
render() {
return (
<View style={styles.container}>
<TouchableOpacity style={styles.button}>
<Text>Play</Text>
</TouchableOpacity>
<Video style={styles.video} />
</View>
);
}
const styles = {
container: {
position: 'relative'
},
video: {
position: 'absolute',
top: 0,
right: 0,
left: 0,
bottom: 0,
zIndex: 1,
},
button: {
position: 'relative',
zIndex: 2,
}
};