React Navigation - Custom Header Animation

I am using React Navigation inside React Native App and i created a Custom Header Component for my routes

like this :

const Router = StackNavigator({
 Main: {
     screen: Main,
     navigationOptions: ({navigation}) => ({
         header:<Header title="Main"/>
     })
   },
})

when using a custom header component the native animation not working i would like to know how can i achieve the animation in the header the same as here https://reactnavigation.org/