reactrondev / react-native-web-swiper

Swiper-Slider for React-Native and React-Native-Web

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Expo Video Component (expo-av) Doesn't fully render in Swiper

mooreman11 opened this issue · comments

The bottom margin is created and doesn't render the full video as opposed to an image, where the entire image is rendered.

<Swiper
  vertical
  loop
  >
  <View style={{ flex: 1 }}>
    <Video
      style={{ flex: 1 }}
      shouldPlay={true}
      source={{
        uri: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
      }}
    />
  </View>
  <View style={{ flex: 1 }}>
    <Image
      source={{ uri: 'https://picsum.photos/seed/hero2/1080/720' }}
      style={{ flex: 1 }}
    />
  </View>
</Swiper>