@straw-hat/react-navigation-redux-helpers v2.0.0

React Navigation Redux Helpers

A bunch of React Navigation + Redux utils.

Installation

yarn add @straw-hat/react-navigation-redux-helpers

Usage

Create an screen tracking middleware.

import { createScreenTrackingMiddleware } from "../react-navigation-redux-helpers";

const onScreenChange = (currentScreen: any, nextScreen: any) => {
  Analytics.trackEvent('user_navigation', {currentScreen, nextScreen})
};

export const navStateSelector = (state: any) => state.navigation;

const screenTrackingMiddleware = createScreenTrackingMiddleware(
  navStateSelector,
  onScreenChange
);

// Add screenTrackingMiddleware to your reducer middlewares

Create a stateful connected navigation HOC.

import { createStatefulNavigator } from "./react-navigation-redux-helpers";
import { RootNavigator } from "./path/to/my/main/navigation";

const navigationSubscriberKey = "root";
export const navStateSelector = (state: any) => state.navigation;

const Navigator = createStatefulNavigator(
  navigationSubscriberKey,
  navStateSelector,
  RootNavigator
);