Navigator

Navigation provider.

Import

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

Props

extraStyles: object?

A key-value style object which map transition states to class names. You can use this to extend transaction effects.

  • NavigatorTransitionGroup
  • pageTransition-appear
  • pageTransition-appear-active
  • pageTransition-enter
  • pageTransition-enter-active
  • pageTransition-exit
  • pageTransition-exit-active
  • NavigatorSharedElementTransitionGhost
  • NavigatorSharedElementTransitionGhostBackground
  • NavigatorSharedElementTransitionGhostElements

  • (transaction name)-back

  • (transaction name)-forward

defaultDuration: number?

Default duration time (milliseconds)