@momo-kits/foundation 0.162.2-beta.19 → 0.162.2-beta.20

package/Layout/Screen.tsx

@@ -166,6 +166,13 @@ export interface ScreenProps extends ViewProps {
   trackingParams?: ScreenTrackingParams;
 }
 
+/**
+ * Scroll distance (px) over which the animated search header collapses from its
+ * expanded to its docked state — the input range consumed by `HeaderExtendHeader`
+ * and the settle threshold in `handleScrollEnd`.
+ */
+const SEARCH_HEADER_COLLAPSE_DISTANCE = 100;
+
 const Screen = forwardRef(
   (
     {
@@ -195,7 +202,7 @@ const Screen = forwardRef(
     ref: any,
   ) => {
     const screenRef = useRef<View | ScrollView>(null);
-    const { width: widthDevice } = useWindowDimensions();
+    const { width: widthDevice, height: heightDevice } = useWindowDimensions();
     const { theme } = useContext(ApplicationContext);
     const screen: any = useContext(ScreenContext);
     const insets = useSafeAreaInsets();
@@ -656,6 +663,17 @@ const Screen = forwardRef(
             ]}
             contentContainerStyle={[
               scrollable && !Footer && !isTab && { paddingBottom: bottomInset },
+              // The animated search header collapses as the body scrolls. When the
+              // body is short (e.g. no search history) the ScrollView is barely
+              // scrollable, so overscroll bounce feeds the scroll-driven animation
+              // and the input jitters on its way up to the header. A ScrollView
+              // frame can never exceed the window, so forcing the content to be at
+              // least one screen plus the collapse distance guarantees the animation
+              // always has room to complete smoothly, independent of body content.
+              scrollable &&
+                inputSearchProps && {
+                  minHeight: heightDevice + SEARCH_HEADER_COLLAPSE_DISTANCE,
+                },
               scrollViewProps?.contentContainerStyle,
             ]}
           >

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.162.2-beta.19",
+    "version": "0.162.2-beta.20",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},
@@ -8,19 +8,19 @@
         "@momo-kits/foundation"
     ],
     "dependencies": {
-        "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
         "@react-navigation/bottom-tabs": "7.4.2",
         "@react-navigation/core": "7.12.1",
         "@react-navigation/elements": "2.5.2",
         "@react-navigation/native": "7.1.14",
         "@react-navigation/routers": "7.4.1",
         "@react-navigation/stack": "7.4.2",
+        "@shopify/flash-list": "2.1.0",
+        "lottie-react-native": "7.2.4",
+        "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
         "react-native-gesture-handler": "2.27.1",
         "react-native-linear-gradient": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-linear-gradient#v3.0.0",
         "react-native-reanimated": "4.2.2",
-        "react-native-safe-area-context": "5.5.2",
-        "@shopify/flash-list": "2.1.0",
-        "lottie-react-native": "7.2.4"
+        "react-native-safe-area-context": "5.5.2"
     },
     "peerDependencies": {
         "react-native": "*"
@@ -32,4 +32,4 @@
         "registry": "https://registry.npmjs.org/"
     },
     "license": "MoMo"
-}
+}