Added react ref and key props to components (#37)

* add ref props to navigation container

* add key props for components

Author: Freddy03h

src/BottomTabs.re

@@ -185,6 +185,7 @@ module Make = (M: {type params;}) => {
                       "navigation": navigation,
                       "route": route,
                     }),
+        ~key: string=?,
         unit
       ) =>
       screenProps(M.params);
@@ -199,6 +200,7 @@ module Make = (M: {type params;}) => {
         ~options: optionsCallback=?,
         ~initialParams: M.params=?,
         ~children: renderCallbackProp => React.element,
+        ~key: string=?,
         unit
       ) =>
       screenProps(M.params);
@@ -222,6 +224,7 @@ module Make = (M: {type params;}) => {
         ~_lazy: bool=?,
         ~tabBar: Js.t(bottomTabBarProps) => React.element=?,
         ~tabBarOptions: bottomTabBarOptions=?,
+        ~key: string=?,
         unit
       ) =>
       navigatorProps;

src/Drawer.re

@@ -113,6 +113,7 @@ module Make = (M: {type params;}) => {
                       "navigation": navigation,
                       "route": route(M.params),
                     }),
+        ~key: string=?,
         unit
       ) =>
       screenProps;
@@ -162,6 +163,7 @@ module Make = (M: {type params;}) => {
         ~drawerContentOptions: Js.t(contentOptions)=?,
         ~sceneContainerStyle: ReactNative.Style.t=?,
         ~style: ReactNative.Style.t=?,
+        ~key: string=?,
         unit
       ) =>
       navigatorProps;

src/MaterialBottomTabs.re

@@ -124,6 +124,7 @@ module Make = (M: {type params;}) => {
         ~options: optionsCallback=?,
         ~initialParams: M.params=?,
         ~component: React.component({. "navigation": navigation}),
+        ~key: string=?,
         unit
       ) =>
       screenProps(M.params);
@@ -138,6 +139,7 @@ module Make = (M: {type params;}) => {
         ~options: optionsCallback=?,
         ~initialParams: M.params=?,
         ~children: renderCallbackProp => React.element,
+        ~key: string=?,
         unit
       ) =>
       screenProps(M.params);
@@ -164,6 +166,7 @@ module Make = (M: {type params;}) => {
         ~inactiveColor: string=?,
         ~barStyle: ReactNative.Style.t=?,
         //TODO: More? https://github.com/callstack/react-native-paper/blob/bd4296116d841ed355f3dbebb40cfbc3b87a79ff/src/components/BottomNavigation.tsx#L132-L196
+        ~key: string=?,
         unit
       ) =>
       navigatorProps;

src/MaterialTopTabs.re

@@ -179,6 +179,7 @@ module Make = (M: {type params;}) => {
         ~options: optionsCallback=?,
         ~initialParams: M.params=?,
         ~component: React.component({. "navigation": navigation}),
+        ~key: string=?,
         unit
       ) =>
       screenProps(M.params);
@@ -193,6 +194,7 @@ module Make = (M: {type params;}) => {
         ~options: optionsCallback=?,
         ~initialParams: M.params=?,
         ~children: renderCallbackProp => React.element,
+        ~key: string=?,
         unit
       ) =>
       screenProps(M.params);
@@ -230,6 +232,7 @@ module Make = (M: {type params;}) => {
         ~swipeVelocityImpact: float=?,
         ~sceneContainerStyle: ReactNative.Style.t=?,
         ~style: ReactNative.Style.t=?,
+        ~key: string=?,
         unit
       ) =>
       navigatorProps;

src/Native.re

@@ -99,6 +99,7 @@ module NavigationContainer = {
   [@bs.module "@react-navigation/native"] [@react.component]
   external make:
     (
+      ~ref: ReactNative.NativeElement.ref=?,
       ~initialState: state=?,
       ~onStateChange: navigationState=?,
       ~children: React.element

src/Stack.re

@@ -305,6 +305,7 @@ module Make = (M: {type params;}) => {
         ~options: optionsCallback=?,
         ~initialParams: M.params=?,
         ~children: renderCallbackProp => React.element,
+        ~key: string=?,
         unit
       ) =>
       screenProps(M.params);
@@ -323,6 +324,7 @@ module Make = (M: {type params;}) => {
                       "navigation": navigation,
                       "route": route,
                     }),
+        ~key: string=?,
         unit
       ) =>
       screenProps(M.params);
@@ -340,6 +342,7 @@ module Make = (M: {type params;}) => {
         ~headerMode: [@bs.string] [ | `float | `screen | `none]=?,
         ~keyboardHandlingEnabled: bool=?,
         ~children: React.element,
+        ~key: string=?,
         unit
       ) =>
       navigatorProps;