Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 如何将视频设置为React Native上的背景_React Native_Video_Expo - Fatal编程技术网

React native 如何将视频设置为React Native上的背景

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(){ 返回( 玩 ); }

我想设置一个视频作为背景,但我可以在屏幕上设置一个视频,而不是背景,我想在上面有一些按钮

我在使用react原生视频库时遇到了一些问题,我正在使用

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