如何在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,
    }
 };