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

Question

我想将视频设置为背景，但是我只能在屏幕上而不是背景上设置视频，并且我想在其上设置一些按钮。

我看到了一些问题，但是使用了本机视频库，并且我正在使用

import { Video } from 'expo';

我想在博览会图书馆播放视频作为背景，希望有人能帮助我，在此先感谢

Answer 1

您可以使用zIndex实现它，以下代码将视频渲染为背景，并在其顶部播放按钮。 React本机样式与Web CSS相同，您应该阅读有关CSS定位here的更多信息。

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