jesster2k10

import React, { Component } from 'react'
import { Animated, StyleProp, ViewStyle } from 'react-native'

export type FadeDirection = 'up' | 'down'

interface FadeProps {
  visible?: boolean
  style?: StyleProp<ViewStyle>
  children: React.ReactNode
  direction?: FadeDirection

aksonov

What is RNRF (react-native-router-flux)?

React Native is great product but lacks for stable, intuitive and easy navigation API during many years. Every year we see new, better API: Native Navigator, ex-Navigator, NavigationExperimental, ex-Navigation, wix native navigation, airbnb native navigation, ReactNavigation...

Once I've started React Native development, in 2015, I created RNRF - simple API for easy navigation. It was clear that better navigation instruments will come later but I didn't want to change my code again and again to switch for better API. Every new major version of RNRF is based on different navigation framework and mostly preserves own API.

Another goal was to represent all navigation flow within one place in clear, human-readable way - similar to iOS Storyboards concept. This way other engineers could understand your app flow faster.