Nested bs-react-navigation

AREADME.md

nested bs-react-navigation

CreateTeamNav.re

module CreateTeamStack =
  StackNavigatorWeb.Create({
    open StackNavigatorWeb;
    open CreateTeamRoutes;

    type route = CreateTeamRoutes.t;

    let initialRoute = Choice;

    let getScreen = (route, navigation) =>
      switch (route) {
      | Choice => (
          <CreateTeamScreen navigation />,
          screenOptions(~title="Beep", ()),
        )
      };
  });

let router = CreateTeamStack.render;

nav-element-to-component.js

import React from 'react';
import { router as createTeamNav } from '../navs/CreateTeamNav';

export const createTeam = () => (
   React.createElement(createTeamNav, {}, null)
)

// export const otherNav () => ()

SubNavs.re

[@bs.module "../interop/nav-element-to-component.js"]
external createTeamRouter: ReasonReact.reactClass = "createTeam";


module CreateTeam = {
  let make = ((), _) =>
    ReasonReact.wrapJsForReason(
      ~reactClass=createTeamRouter,
      ~props=None
    );
};

/*
[@bs.module "../interop/nav-element-to-component.js"]
external otherRouter: ReasonReact.reactClass = "otherNav";
*/

/* 
module OtherNav = {
  let make = ((), _) =>
    ReasonReact.wrapJsForReason(
      ~reactClass=otherRouter,
      ~props=None
    );
};

*/