react-native-corner-video

Video component for React Native applications, that extends react-native-video library and supports the following options:

• [x] corner minimization
• [x] works across the tabs
• [x] works across the stacked screens
• [x] starts playng from the current time

You can minimize video via long press on it and swipe to any corner

Instalation

yarn add react-native-corner-video

or

npm install react-native-corner-video

Note: You need to install react-native-video, react-native-gesture-handler and react-native-reanimated libs. They represent native dependencies of the package!!

Usage

In the App.js file, wrap everything in VideoProvider component

import { VideoProvider } from 'react-native-corner-video';
//
export default function App() {
  return (
    <VideoProvider>
    //
    </VideoProvider>
  )
}

Import VideoWrapper where you want to render your video

import VideoWrapper from  'react-native-corner-video';
//
<VideoWrapper
  style={styles.video}
  cornerProps={{
    width: 150,
    height: 100,
    top: 50,
    bottom: 50,
    left: 7
    right: 7
  }}
  videoProps={{
    source: { uri: <video_uri> },
    resizeMode: 'cover',
    controls: true
  }}
/>

Props