RNN-v2 Helper Functions with Flow Typing

NavigationHelpers.js

import { Navigation } from "react-native-navigation";

class NavigationHelpers {
  // @flow
  static showModal = (
    modalName: string,
    modalTitleText: string,
    props?: Object = {}
  ) => {
    Navigation.showModal({
      stack: {
        children: [
          {
            component: {
              name: modalName,
              passProps: { ...props },
              options: {
                topBar: {
                  title: {
                    text: modalTitleText
                  },
            //just an example, you would  need your own <CloseModalButton/>
//                   leftButtons: [
//                     {
//                       id: "close",
//                       component: { name: "CloseModalButton" }
//                     }
//                   ]
                }
              }
            }
          }
        ]
      }
    });
  };

  // @flow
  static pushComponent = (
    componentId: string,
    componentName: string,
    title: string,
    props?: Object = {}
  ) => {
    Navigation.push(componentId, {
      component: {
        name: componentName,
        passProps: {
          ...props
        },
        options: {
          topBar: {
            title: {
              text: title
            }
          }
        }
      }
    });
  };
}

export { NavigationHelpers };