Skip to content

Instantly share code, notes, and snippets.

@lucianomlima

lucianomlima/Root.js

Created December 16, 2019 21:47
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save lucianomlima/52097e29d45a4fd35e32631a914afc2d to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save lucianomlima/52097e29d45a4fd35e32631a914afc2d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. lucianomlima created this gist Dec 16, 2019.
    24 changes: 24 additions & 0 deletions Root.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    import { getPersistenceProps } from './persistence';

    const routes = {
    home: 'Home',
    login: 'Login',
    signup: 'SingUp',
    };

    const allowedPersistentRoutes = [
    routes.home,
    routes.login,
    ];

    export default class RootNavigation extends React.Component {
    navigator: React.createRef();

    componentDidMount() {
    NavigationService.setTopLevelNavigator(this.navigator.current);
    }

    render() {
    return <AppContainer ref={this.navigator} {...getPersistenceProps(allowedPersistentRoutes)} />;
    }
    }
    44 changes: 44 additions & 0 deletions persistence.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,44 @@
    import type { NavigationState } from 'react-navigation';

    type RoutesList = Array<string>;

    type PersistenceFunctions = {
    persistNavigationState: () => void,
    loadNavigationState: () => void,
    };

    const PERSISTENCE_KEY = 'NavigationState';

    function findRouteInList({ index, routes }: NavigationState, routeKeys: RoutesList): boolean {
    return routes[index].routes.findIndex(({ key }) => routeKeys.includes(key)) !== -1;
    }

    function haveAllowedRoutes(state: NavigationState, allowedRoutes: RoutesList = []): boolean {
    if (allowedRoutes.length) {
    return findRouteInList(state, allowedRoutes);
    }

    return false;
    }

    export function clearNavigationState(): void {
    AsyncStorage.removeItem(PERSISTENCE_KEY);
    }

    const persistNavigationState = (allowedRoutes: RoutesList) => (navState: NavigationState): void => {
    if (__DEV__ || haveAllowedRoutes(navState, allowedRoutes)) {
    AsyncStorage.setItem(PERSISTENCE_KEY, JSON.stringify(navState));
    }
    };

    const loadNavigationState = async (): NavigationState => {
    const jsonString = await AsyncStorage.getItem(PERSISTENCE_KEY);
    return JSON.parse(jsonString);
    };

    export const getPersistenceProps = (
    allowedRoutesInProduction: RoutesList = []
    ): PersistenceFunctions => ({
    persistNavigationState: persistNavigationState(allowedRoutesInProduction),
    loadNavigationState,
    });