@momo-kits/foundation 0.106.1-nav.21 → 0.106.1-nav.22

package/Application/NavigationContainer.tsx

@@ -27,7 +27,6 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
   maxApi,
   initialParams,
   localize = new Localize({vi: {}, en: {}}),
-  headerRight,
 }) => {
   const navigationRef = useRef<NavigationContainerRef>(null);
   const isReady = useRef(false);
@@ -91,7 +90,7 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
             <Stack.Screen
               name="Stack"
               component={StackScreen}
-              initialParams={{screen, initialParams, headerRight}}
+              initialParams={{screen, initialParams}}
               options={{
                 ...getStackOptions(),
                 ...(options as StackNavigationOptions),

package/Application/StackScreen.tsx

@@ -27,12 +27,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
     timeInteraction: 0,
   });
   const context = useContext<any>(MiniAppContext);
-  const {
-    screen: Component,
-    options,
-    initialParams,
-    headerRight,
-  } = props.route.params;
+  const {screen: Component, options, initialParams} = props.route.params;
   const navigation = new Navigation(props.navigation, context);
   const heightHeader = useHeaderHeight();
 
@@ -57,17 +52,6 @@ const StackScreen: React.FC<ScreenParams> = props => {
     }
   }, [options]);
 
-  /**
-   * set headerRight for screen
-   */
-  useLayoutEffect(() => {
-    if (headerRight) {
-      navigation.setOptions({
-        headerRight,
-      });
-    }
-  }, [headerRight]);
-
   /**
    * tracking for screen
    */

package/Application/index.ts

@@ -5,7 +5,12 @@ import Localize from './Localize';
 import Screen from '../Layout/Screen';
 import BottomTab from './BottomTab';
 import {defaultContext} from '../Consts';
-import {HeaderAnimated, NavigationButton} from './Components';
+import {
+  HeaderAnimated,
+  HeaderBackground,
+  HeaderTitle,
+  NavigationButton,
+} from './Components';
 
 const Context = createContext({});
 const ApplicationContext = createContext(defaultContext);
@@ -21,6 +26,8 @@ export {
   ComponentContext,
   NavigationContainer,
   Localize,
+  HeaderTitle,
+  HeaderBackground,
   NavigationButton,
   Screen,
   BottomTab,

package/Application/types.ts

@@ -98,7 +98,6 @@ export type NavigationContainerProps = {
   maxApi: any;
   initialParams?: any;
   localize: Localize;
-  headerRight?: HeaderRightToolkit;
 };
 
 export type NavigationScreenProps = {

package/Layout/Screen.tsx

@@ -49,7 +49,7 @@ export interface ScreenProps extends ViewProps {
   /**
    * Optional. Navigation object for handling navigation actions.
    */
-  navigation: Navigation;
+  navigation?: Navigation;
 
   /**
    * Optional. If `true`, enable keyboard avoiding view for the screen.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.106.1-nav.21",
+  "version": "0.106.1-nav.22",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},