react-navigation-mobx-helpers

react-navigation-mobx-helpers

React-Navigation bindings for MobX

Installation

npm install react-navigation-mobx-helpers --save

Usage

import React from 'react';
import { StackNavigator, addNavigationHelpers } from 'react-navigation';
import { Provider, inject, observer } from 'mobx-react';
import NavigationStore from 'react-navigation-mobx-helpers';

const RootNavigator = StackNavigator(RouteConfigs);

const rootNavigation = new NavigationStore(RootNavigator);

class Root extends React.Component {
  render() {
    return (
      <Provider rootNavigation={rootNavigation}>
        <App />
      </Provider>
    );
  }
}

@inject('rootNavigation')
@observer
class App extends React.Component {
  render() {
    const { state, dispatch, addListener } = this.props.rootNavigation;
    return (
      <RootNavigator
        navigation={addNavigationHelpers({ state, dispatch, addListener })}
      />
    );
  }
}