Как сделать переход экрана с анимацией при переходе с одного экрана на другой в React native?

Question

Я использую библиотеку реагирования собственного маршрутизатора, но я хочу открыть новый экран с анимацией. Как добавить анимацию с переходом экрана снизу вверх или влево или вправо.Мой код здесь: -

import React,{Component} from 'react';
import { Navigator} from 'react-native-deprecated-       custom-components';
import { Router ,Schema,Route, Scene, ActionConst, Lightbox} from 'react-native-router-flux';
import ScreenFirst from './etc/ScreenFirst';
import ScreenSecond from './etc/ScreenSecond';
import ScreenThird from './etc/ScreenThird';
import TestLB from './etc/TestLB';

export default class Router2 extends Component {

render() {
return (
    <Router >            
       <Scene>
            <Schema name='modal' sceneConfig={Navigator.SceneConfigs.FloatFromBottom}/>
            <Schema name='default' sceneConfig={Navigator.SceneConfigs.FloatFromRight}/>
            <Route name='first' component={ScreenFirst} title='First Screen' initial={true} schema='modal'/>
            <Route name='second' component={ScreenSecond} title='Second Screen' schema='default'/>
            <Route name='third' component={ScreenThird} title='Third Screen' schema='modal'/>
            <Route name='testLB' component={TestLB} title='TestLB Screen' schema='default'/>
       </Scene>
    </Router>
    )
  }
}



{/* <Scene key='root' > 
<Scene key='first' component={ScreenFirst} initial=  {true} title='First Screen' />
<Scene key='second' component={ScreenSecond} title='Second Screen' direction='horizontal' duration={3000}/>
<Scene key='third' component={ScreenThird} title='Third Screen' />  
<Scene key='testLB' component={TestLB} title='Test LB'/> 
</Scene>     */}