@momo-kits/foundation 0.161.2-beta.15 → 0.161.2-beta.17

package/Layout/Screen.tsx

@@ -10,9 +10,11 @@ import React, {
   useEffect,
   useImperativeHandle,
   useRef,
+  useState,
 } from 'react';
 import {
   Animated,
+  Keyboard,
   KeyboardAvoidingView,
   NativeScrollEvent,
   NativeSyntheticEvent,
@@ -201,6 +203,31 @@ const Screen = forwardRef(
     const currentTint = useRef<string | undefined>(undefined);
     const isTab = navigation?.instance?.getState?.()?.type === 'tab';
 
+    // AI-GENERATED START: track keyboard height (Android tự đẩy; footer bỏ safe-area khi hiện)
+    const [keyboardHeight, setKeyboardHeight] = useState(0);
+    const isKeyboardVisible = keyboardHeight > 0;
+    // Chỉ can thiệp trên Android 16+ (API 36): edge-to-edge -> window KHÔNG resize cho bàn phím.
+    // Android <16 (window tự resize) và iOS giữ NGUYÊN behavior cũ -> không impact.
+    const useManualKeyboardAvoid =
+      Platform.OS === 'android' &&
+      Number(Platform.Version) >= 36 &&
+      enableKeyboardAvoidingView;
+    useEffect(() => {
+      const showEvent =
+        Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+      const hideEvent =
+        Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+      const showSub = Keyboard.addListener(showEvent, e =>
+        setKeyboardHeight(e.endCoordinates?.height ?? 0),
+      );
+      const hideSub = Keyboard.addListener(hideEvent, () => setKeyboardHeight(0));
+      return () => {
+        showSub.remove();
+        hideSub.remove();
+      };
+    }, []);
+    // AI-GENERATED END: track keyboard height
+
     let handleScroll;
     let Component: any = View;
 
@@ -587,13 +614,25 @@ const Screen = forwardRef(
         />
 
         <KeyboardAvoidingView
-          style={Styles.flex}
+          // AI-GENERATED START: Android tự đẩy bằng keyboardHeight (KAV behavior để lại padding dư)
+          style={[
+            Styles.flex,
+            // height (Android) chưa gồm nav bar -> cộng insets.bottom để đẩy đủ qua bàn phím
+            useManualKeyboardAvoid
+              ? {
+                  paddingBottom: isKeyboardVisible
+                    ? keyboardHeight + insets.bottom
+                    : 0,
+                }
+              : null,
+          ]}
           enabled={enableKeyboardAvoidingView}
           keyboardVerticalOffset={keyboardVerticalOffset ?? keyboardOffset}
           behavior={Platform.select({
             ios: 'padding',
             android: undefined,
           })}
+          // AI-GENERATED END: Android tự đẩy bằng keyboardHeight
         >
           {Header}
 
@@ -628,7 +667,12 @@ const Screen = forwardRef(
               style={[
                 styles.shadow,
                 {
-                  paddingBottom: bottomInset + Spacing.S,
+                  // AI-GENERATED START: bàn phím hiện -> bỏ safe-area, chỉ chừa Spacing.S (như StackScreen)
+                  paddingBottom:
+                    (isKeyboardVisible && useManualKeyboardAvoid
+                      ? 0
+                      : bottomInset) + Spacing.S,
+                  // AI-GENERATED END: bàn phím hiện -> bỏ safe-area, chỉ chừa Spacing.S
                   backgroundColor: theme.colors.background.surface,
                 },
               ]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.161.2-beta.15",
+    "version": "0.161.2-beta.17",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},