Как установить видео в качестве фона на React Native - PullRequest
Новая
       48

Как установить видео в качестве фона на React Native

1 голос
/ 24 марта 2019

Я хочу установить видео в качестве фона, но я просто могу установить видео на экране, а не в качестве фона, и я хочу, чтобы на нем было несколько кнопок.

Я видел некоторые вопросы, ноиспользую встроенную видео-библиотеку реагирования, и я использую 

import { Video } from 'expo';

Я хочу воспроизвести видео в качестве фона с библиотекой expo, надеюсь, кто-нибудь может мне помочь, заранее спасибо

1 Ответ

2 голосов
/ 24 марта 2019

Вы можете добиться этого, используя zIndex, следующий код будет отображать видео в качестве фона и кнопку воспроизведения поверх него. Реагирование на собственный стиль работает так же, как веб-CSS. Вы должны узнать больше о позиционировании CSS здесь . 

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