title: How Can I Set Video Splash Screen in react native android
body: <p>I am Developing Sample Application, But i want a video splash (in this Video Duration is 8 sec.) , Actually I  am Setting Splash page,But now i want to set to  Video Splash.</p>
  
  <p>splashPage.js file</p>
  
  <p>This is My Code.
  import Video from 'react-native-video';</p>
  
  <pre><code>//import Main from './main';
  import LoginScreen from './App/Components/login.js';
  class SplashPage extends Component {
  
  componentWillMount () {
          var navigator = this.props.navigator;
          setTimeout (() =&gt; {
  
            navigator.replace({
                  component: LoginScreen,
                   // &lt;-- This is the View you go to
              });
          }, 5000);     //&lt;-- Time until it jumps to "MainView"
      }
      render () {
          return (
              &lt;View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}&gt;
  
                 &lt;View&gt;{StatusBar.setBackgroundColor('black', true)}&lt;/View&gt;
                 &lt;Video source={require('./images/splashVideo.mp4')}
                       style={{position: 'absolute',
                               top: 0,
                               left: 0,
                               right: 0,
                               bottom: 0,
                               opacity: 0.3}}
                               muted={true}
                               repeat={true}
                               resizeMode="cover"      /&gt;
                 {/*&lt;Image style={{ width: windowSize.width, height: windowSize.height}} source={require('./images/splash.png')}&gt;&lt;/Image&gt;*/} 
              &lt;/View&gt;
          );
      }
  }
  </code></pre>
  
  <p>Thanks In Advance,</p>