React Native Animation is a transition Component rendering a video content when the Modal Expands.
https://storage.cloud.google.com/github-video/react-animation-video.mov
$ npm install @wcisco17/react-native-animation-video --save
import RNAnimationVideo, { RNAnimation } from '@wcisco17/react-native-animation-video';
import * as React from 'react';
const apps: RNAnimation = [
{
id: 0,
name: "John Doe",
views: "1,000",
source: require("./assets/fitness.jpg"),
businessTitle: "Cafe Lapin",
location: 'Mars',
videoUrl: 'https://storage.googleapis.com/coverr-main/mp4/Footboys.mp4',
},
];
const App: React.FC = () => {
return (
<RNAnimationVideo
items={apps}
isIcon
/>
);
};
export default App;
import RNAnimationVideo from '@wcisco17/react-native-animation-video';
import React from 'react';
const apps = [
{
id: 0,
name: "John Doe",
views: "1,000",
source: require("./assets/fitness.jpg"),
businessTitle: "Cafe Lapin",
location: 'Mars',
videoUrl: 'https://storage.googleapis.com/coverr-main/mp4/Footboys.mp4',
},
];
const App = () => {
return (
<RNAnimationVideo
items={apps}
isIcon
/>
);
};
export default App;