react native navigation

themewrap.jsx

const wrap = (BaseComponent: any, navigatorStyle: NavigatorStyle = {}, navigatorButtons: {} = {}) =>
  class WrappedComponent extends React.Component<any, any> {
    static navigatorStyle = navigatorStyle
    static navigatorButtons = navigatorButtons

    render() {
      return (
        <ThemeProvider uiTheme={uiTheme}>
          <BaseComponent {...this.props}/>
        </ThemeProvider>
      )
    }
  }

export const registerScreens = (store: Store<State>, Provider: any) => {
  Navigation.registerComponent('wwwp.Dashboard', () => wrap(Dashboard, {}, {
    leftButtons: [{id: 'sideMenu'}]
  }))

  Navigation.registerComponent('wwwp.Drawer', () => wrap(Sidebar), store, Provider)

  Navigation.registerComponent('wwwp.Account', () => wrap(Account, {
    topBarElevationShadowEnabled: false
  }, {
    leftButtons: [{id: 'sideMenu'}]
  }), store, Provider)
}