Transition

• With Link component, you can specify the transition effect. See transition sample

import {Link} from 'react-animated-navigator';

<Link to='/page1' transition='flyLeft'>Page 1</Link>

• With useNavigator hook

import {useNavigator} from 'react-animated-navigator';

const [go] = useNavigator()
go('/page1', 'flyLeft')

• Or with withNavigator High-Order-Component

import {withNavigator} from 'react-animated-navigator';

export default withNavigator((props) => {
  return (
    <button onClick={() => props.go('/page1', 'flyLeft')}>Go Page 1</button>
  )
})