@momo-kits/foundation 0.109.1-optimize.7 → 0.109.1-optimize.9

package/Application/BottomTab/index.tsx

@@ -2,7 +2,8 @@ import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
 import {NavigationContainer} from '@react-navigation/native';
 import {createStackNavigator} from '@react-navigation/stack';
 import React, {useContext, useEffect} from 'react';
-import {Platform} from 'react-native';
+import {Platform, StatusBar} from 'react-native';
+import {EventArg} from '@react-navigation/core';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
 import {Colors} from '../../Consts';
 import {Icon} from '../../Icon';
@@ -75,6 +76,23 @@ const BottomTab: React.FC<BottomTabProps> = ({
     });
   }, []);
 
+  const handler: {
+    tabPress?: (e: EventArg<'tabPress', true>) => void;
+    focus?: (e: EventArg<'focus', false, unknown>) => void;
+    blur?: (e: EventArg<'blur', false, unknown>) => void;
+  } = {
+    tabPress: e => {
+      listeners?.tabPress?.(e);
+    },
+    focus: e => {
+      StatusBar.setBarStyle('default', true);
+      listeners?.focus?.(e);
+    },
+    blur: e => {
+      listeners?.blur?.(e);
+    },
+  };
+
   return (
     <Tab.Navigator
       initialRouteName={initialRouteName}
@@ -105,7 +123,7 @@ const BottomTab: React.FC<BottomTabProps> = ({
             name={item.name}
             component={TabScreen}
             initialParams={{...item, nested}}
-            listeners={item.listeners ?? listeners}
+            listeners={handler}
             options={{
               tabBarLabel: ({color, focused}) => {
                 return (

package/Application/Components/HeaderAnimated.tsx

@@ -54,7 +54,7 @@ const HeaderAnimated: React.FC<HeaderAnimatedProps> = ({
 
 const Verified: React.FC<any> = () => {
   const context = useContext<any>(MiniAppContext);
-  if (!context.isAutomationEnabled) {
+  if (context.environment === 'uat') {
     return <View style={styles.verifiedDot} />;
   }
   return <View />;

package/Application/Components/HeaderExtendHeader.tsx

@@ -195,7 +195,7 @@ const HeaderExtendHeader: React.FC<{
 
 const Verified: React.FC<any> = () => {
   const context = useContext<any>(MiniAppContext);
-  if (!context.isAutomationEnabled) {
+  if (context.environment === 'uat') {
     return <View style={styles.verifiedDot} />;
   }
   return <View />;

package/Application/Components/HeaderRight.tsx

@@ -213,7 +213,7 @@ const HeaderToolkitAction: React.FC<any> = ({
 
 const Verified: React.FC<any> = () => {
   const context = useContext<any>(MiniAppContext);
-  if (!context.isAutomationEnabled) {
+  if (context.environment === 'uat') {
     return <View style={styles.verifiedDot} />;
   }
   return <View />;

package/Application/Components/HeaderTitle.tsx

@@ -214,7 +214,7 @@ const TitleJourney: React.FC<TitleJourneyProps> = ({
           )}
         </View>
         <Icon
-          source={'16_arrow_chevron_down'}
+          source={'16_arrow_chevron_down_small'}
           size={16}
           color={tintColor}
           style={{marginHorizontal: Spacing.XS, marginVertical: Spacing.XXS}}
@@ -237,7 +237,7 @@ const TitleJourney: React.FC<TitleJourneyProps> = ({
 
 const Verified: React.FC<any> = () => {
   const context = useContext<any>(MiniAppContext);
-  if (!context.isAutomationEnabled) {
+  if (context.environment === 'uat') {
     return <View style={styles.verifiedDot} />;
   }
   return <View />;

package/Application/Components/NavigationButton.tsx

@@ -48,7 +48,7 @@ const NavigationButton: React.FC<NavigationButtonProps> = ({
 
 const Verified: React.FC<any> = () => {
   const context = useContext<any>(MiniAppContext);
-  if (!context.isAutomationEnabled) {
+  if (context.environment === 'uat') {
     return <View style={styles.verifiedDot} />;
   }
   return <View />;

package/Application/types.ts

@@ -166,6 +166,7 @@ export type HeaderRightToolkit = {
   useShortcut?: boolean;
   tools?: Tool[];
   preventClose?: PopupNotifyProps;
+  useMore?: boolean;
 };
 
 export interface HeaderBackProps extends NavigationButtonProps {
@@ -231,11 +232,6 @@ export type BottomTabItemProps = {
   screen: Screen;
   options: NavigationOptions;
   initialParams?: any;
-  listeners?: {
-    tabPress?: (e: EventArg<'tabPress', true, undefined>) => void;
-    focus?: (e: EventArg<'focus', false, unknown>) => void;
-    blur?: (e: EventArg<'blur', false, unknown>) => void;
-  };
 };
 
 export type BottomTabProps = {

package/Layout/Screen.tsx

@@ -17,6 +17,8 @@ import {
   Platform,
   ScrollView,
   ScrollViewProps,
+  StatusBar,
+  StatusBarStyle,
   View,
   ViewProps,
 } from 'react-native';
@@ -356,6 +358,14 @@ const Screen = forwardRef(
     };
 
     useEffect(() => {
+      const focus = navigation?.instance?.addListener?.('focus', () => {
+        let barStyle: StatusBarStyle = 'dark-content';
+        if (currentTint.current === Colors.black_01) {
+          barStyle = 'light-content';
+        }
+        StatusBar.setBarStyle(barStyle, true);
+      });
+
       if (animatedHeader) {
         setAnimatedHeader(animatedHeader);
       } else if (inputSearchProps) {
@@ -363,6 +373,10 @@ const Screen = forwardRef(
       } else {
         setHeaderType(headerType);
       }
+
+      return () => {
+        focus?.();
+      };
     }, [headerType, animatedHeader, inputSearchProps, useShadowHeader]);
 
     /**
@@ -401,13 +415,19 @@ const Screen = forwardRef(
               const offsetY = e.nativeEvent.contentOffset.y;
               let color = animatedHeader?.headerTintColor ?? Colors.black_17;
               if (offsetY > 50) {
-                color = theme.colors.text.default;
+                color = Colors.black_17;
               }
               if (color !== currentTint.current) {
                 currentTint.current = color;
                 navigation?.setOptions({
                   headerTintColor: color,
                 });
+
+                let barStyle: StatusBarStyle = 'dark-content';
+                if (currentTint.current === Colors.black_01) {
+                  barStyle = 'light-content';
+                }
+                StatusBar.setBarStyle(barStyle, true);
               }
             }
           },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.109.1-optimize.7",
+  "version": "0.109.1-optimize.9",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},