Status

Example

Installation

npm install reason-react-navigation#oryarn add reason-react-navigation

{  //...  "bs-dependencies": [    "reason-react",    "reason-react-native",    // ...+    "reason-react-navigation"  ],  //...}

Example

openReactNative;openReactNavigation;[@react.component]letmake= (~navigation, ~screenProps)=> {  <Text> {React.string("Hello world!")} </Text>;};make->NavigationOptions.setDynamicNavigationOptions(params=> {letnavigation= params##navigation;letnavigationOptions= params##navigationOptions;letscreenProps= params##screenProps;/* More properties can be set dynamically based on navigation, navigationOptions or screenProps.*/NavigationOptions.t(~title="Screen 1", ~headerTintColor="red",());});

openReactNavigation;letroutes= {"Screen1":Screen1.make,"Screen2":Screen2.make,"Screen3":Screen3.make,};letnavigator=StackNavigator.make(routes);navigator->NavigationOptions.setNavigationOptions(NavigationOptions.t(~gesturesEnabled=false,()),);

openReactNavigation;moduleMyAppContainer=AppContainer.Make({typescreenProps= {. "someProp":int};letnavigator=MyStackNavigator.navigator;  });[@react.component]letmake=()=> {letscreenProps= {"someProp":42};  <MyAppContainer screenProps />;};

openReactNavigation;letappContainer=AppContainer.makeAppContainer(MyStackNavigator.navigator);[@react.component]letmake=()=> {letscreenProps= {"someProp":42};React.createElement(    appContainer,AppContainer.makeProps(~screenProps,()),  );};

Changelog

Contribute

Code of Conduct