react-native-animated-header-flat-list 1.2.2 → 1.3.0

package/README.md

@@ -216,6 +216,7 @@ const styles = StyleSheet.create({
 | `HeaderContent`        | React.ComponentType  | No       | Component to be rendered on top of the header background. Its opacity will automatically animate based on scroll position |
 | `StickyComponent`      | React.ComponentType  | No       | Optional component that sticks below the navigation bar                                                                   |
 | `parallax`             | boolean              | No       | Enable/disable parallax effect for header background. Defaults to true                                                    |
+| `navigationBarColor`   | ColorValue           | No       | Color of NavigationBar. Its opacity will automatically animate based on scroll position                                   |
 | `...FlatListProps`     | FlatListProps        | -        | All standard FlatList props are supported                                                                                 |
 
 ## Contributing

package/lib/commonjs/components/AnimatedHeaderFlatList.js

@@ -17,6 +17,7 @@ const HEADER_ITEM = 'REACT_NATIVE_ANIMATED_HEADER_FLAT_LIST_HEADER';
 function AnimatedHeaderFlatList({
   navigation,
   title,
+  navigationBarColor,
   headerTitleStyle,
   navigationTitleStyle,
   HeaderBackground,
@@ -33,6 +34,7 @@ function AnimatedHeaderFlatList({
     setHeaderTitleLayout,
     stickyComponentLayout,
     setStickyComponentLayout,
+    navigationBarAnimatedStyle,
     navigationTitleAnimatedStyle,
     headerTitleAnimatedStyle,
     stickyHeaderAnimatedStyle,
@@ -76,6 +78,10 @@ function AnimatedHeaderFlatList({
         }), HeaderContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
           style: [headerContentAnimatedStyle, styles.headerContentContainer],
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeaderContent, {})
+        }), navigationBarColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: [navigationBarAnimatedStyle, styles.animatedNavigationBar, {
+            backgroundColor: navigationBarColor
+          }]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
           onLayout: event => {
             setHeaderTitleLayout(event.nativeEvent.layout);
@@ -86,7 +92,7 @@ function AnimatedHeaderFlatList({
         })]
       })
     });
-  }, [navigationBarHeight, parallax, headerBackgroundAnimatedStyle, HeaderBackground, HeaderContent, headerContentAnimatedStyle, headerTitleAnimatedStyle, headerTitleStyle, title, setHeaderLayout, setHeaderTitleLayout]);
+  }, [navigationBarHeight, parallax, headerBackgroundAnimatedStyle, HeaderBackground, HeaderContent, headerContentAnimatedStyle, headerTitleAnimatedStyle, headerTitleStyle, title, setHeaderLayout, setHeaderTitleLayout, navigationBarAnimatedStyle, navigationBarColor]);
   const renderItem = (0, _react.useCallback)(({
     item
   }) => {
@@ -163,6 +169,12 @@ const styles = _reactNative.StyleSheet.create({
   mainHeaderContainer: {
     overflow: 'visible'
   },
+  animatedNavigationBar: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
   headerTitle: {
     position: 'absolute'
   },

package/lib/commonjs/components/AnimatedHeaderFlatList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_useAnimatedHeaderFlatListAnimatedStyles","_styleUtils","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HEADER_ITEM","AnimatedHeaderFlatList","navigation","title","headerTitleStyle","navigationTitleStyle","HeaderBackground","HeaderContent","StickyComponent","parallax","flatListProps","scrollHandler","navigationBarHeight","headerLayout","setHeaderLayout","setHeaderTitleLayout","stickyComponentLayout","setStickyComponentLayout","navigationTitleAnimatedStyle","headerTitleAnimatedStyle","stickyHeaderAnimatedStyle","headerContentAnimatedStyle","headerBackgroundAnimatedStyle","useAnimatedHeaderFlatListAnimatedStyles","headerTitleFontSize","getFontSizeFromStyle","navigationTitleFontSize","navigationTitle","useCallback","jsx","Text","style","numberOfLines","children","useLayoutEffect","setOptions","headerShown","headerStyle","styles","navigationBar","headerShadowVisible","headerTransparent","headerTitle","headerTitleAlign","ListHeaderComponent","useMemo","View","headerWrapper","jsxs","headerContainer","top","onLayout","event","nativeEvent","layout","height","undefined","headerContentContainer","renderItem","item","stickyHeaderContainer","stickyHeader","bottom","stickyComponentContainer","data","listData","Array","isArray","Fragment","StatusBar","backgroundColor","translucent","FlatList","stickyHeaderIndices","mainHeaderContainer","transform","translateY","onScroll","StyleSheet","create","overflow","position","left","right"],"sourceRoot":"../../../src","sources":["components/AnimatedHeaderFlatList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_useAnimatedHeaderFlatListAnimatedStyles","_styleUtils","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HEADER_ITEM","AnimatedHeaderFlatList","navigation","title","navigationBarColor","headerTitleStyle","navigationTitleStyle","HeaderBackground","HeaderContent","StickyComponent","parallax","flatListProps","scrollHandler","navigationBarHeight","headerLayout","setHeaderLayout","setHeaderTitleLayout","stickyComponentLayout","setStickyComponentLayout","navigationBarAnimatedStyle","navigationTitleAnimatedStyle","headerTitleAnimatedStyle","stickyHeaderAnimatedStyle","headerContentAnimatedStyle","headerBackgroundAnimatedStyle","useAnimatedHeaderFlatListAnimatedStyles","headerTitleFontSize","getFontSizeFromStyle","navigationTitleFontSize","navigationTitle","useCallback","jsx","Text","style","numberOfLines","children","useLayoutEffect","setOptions","headerShown","headerStyle","styles","navigationBar","headerShadowVisible","headerTransparent","headerTitle","headerTitleAlign","ListHeaderComponent","useMemo","View","headerWrapper","jsxs","headerContainer","top","onLayout","event","nativeEvent","layout","height","undefined","headerContentContainer","animatedNavigationBar","backgroundColor","renderItem","item","stickyHeaderContainer","stickyHeader","bottom","stickyComponentContainer","data","listData","Array","isArray","Fragment","StatusBar","translucent","FlatList","stickyHeaderIndices","mainHeaderContainer","transform","translateY","onScroll","StyleSheet","create","overflow","position","left","right"],"sourceRoot":"../../../src","sources":["components/AnimatedHeaderFlatList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/useAnimatedHeaderFlatListAnimatedStyles.js

@@ -40,6 +40,13 @@ const useAnimatedHeaderFlatListAnimatedStyles = ({
   const distanceBetweenTitleAndNavigationBar = (navigationBarHeight - safeAreaInsets.top + headerTitleLayout.height) / 2 + headerTitleLayout.y - navigationBarHeight;
   const navigationTitleOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
   const stickyHeaderOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const navigationBarAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      opacity: (0, _reactNativeReanimated.interpolate)(scrollY.value, [0, headerLayout.height - navigationBarHeight * 2], [0, 1], 'clamp'),
+      marginBottom: Math.max(0, headerLayout.height - navigationBarHeight * 2 - scrollY.value),
+      height: navigationBarHeight
+    };
+  });
   const navigationTitleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     return {
       opacity: navigationTitleOpacity.value
@@ -73,7 +80,7 @@ const useAnimatedHeaderFlatListAnimatedStyles = ({
       transform: [{
         translateY: (0, _reactNativeReanimated.interpolate)(scrollY.value, [scrollY.value, 0], [scrollY.value / 2, 0], 'clamp')
       }, {
-        scale: (0, _reactNativeReanimated.interpolate)(scrollY.value, [scrollY.value, 0], [1 - scrollY.value / (headerLayout.height - navigationBarHeight), 1, 1], 'clamp')
+        scale: (0, _reactNativeReanimated.interpolate)(scrollY.value, [scrollY.value, 0], [1 - scrollY.value / (headerLayout.height - navigationBarHeight), 1], 'clamp')
       }]
     };
   });
@@ -91,6 +98,7 @@ const useAnimatedHeaderFlatListAnimatedStyles = ({
     setHeaderTitleLayout,
     stickyComponentLayout,
     setStickyComponentLayout,
+    navigationBarAnimatedStyle,
     navigationTitleAnimatedStyle,
     headerTitleAnimatedStyle,
     stickyHeaderAnimatedStyle,

package/lib/commonjs/hooks/useAnimatedHeaderFlatListAnimatedStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_elements","require","_react","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","useAnimatedHeaderFlatListAnimatedStyles","headerTitleFontSize","navigationTitleFontSize","width","windowWidth","useWindowDimensions","scrollY","useSharedValue","navigationBarHeight","useHeaderHeight","safeAreaInsets","useSafeAreaInsets","headerLayout","setHeaderLayout","useState","x","y","height","headerTitleLayout","setHeaderTitleLayout","stickyComponentLayout","setStickyComponentLayout","distanceBetweenTitleAndNavigationBar","top","navigationTitleOpacity","stickyHeaderOpacity","navigationTitleAnimatedStyle","useAnimatedStyle","opacity","value","headerTitleAnimatedStyle","transform","translateX","interpolate","scale","stickyHeaderAnimatedStyle","headerContentAnimatedStyle","headerBackgroundAnimatedStyle","translateY","scrollHandler","useAnimatedScrollHandler","event","contentOffset","exports"],"sourceRoot":"../../../src","sources":["hooks/useAnimatedHeaderFlatListAnimatedStyles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_elements","require","_react","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","useAnimatedHeaderFlatListAnimatedStyles","headerTitleFontSize","navigationTitleFontSize","width","windowWidth","useWindowDimensions","scrollY","useSharedValue","navigationBarHeight","useHeaderHeight","safeAreaInsets","useSafeAreaInsets","headerLayout","setHeaderLayout","useState","x","y","height","headerTitleLayout","setHeaderTitleLayout","stickyComponentLayout","setStickyComponentLayout","distanceBetweenTitleAndNavigationBar","top","navigationTitleOpacity","stickyHeaderOpacity","navigationBarAnimatedStyle","useAnimatedStyle","opacity","interpolate","value","marginBottom","Math","max","navigationTitleAnimatedStyle","headerTitleAnimatedStyle","transform","translateX","scale","stickyHeaderAnimatedStyle","headerContentAnimatedStyle","headerBackgroundAnimatedStyle","translateY","scrollHandler","useAnimatedScrollHandler","event","contentOffset","exports"],"sourceRoot":"../../../src","sources":["hooks/useAnimatedHeaderFlatListAnimatedStyles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/AnimatedHeaderFlatList.js

@@ -11,6 +11,7 @@ const HEADER_ITEM = 'REACT_NATIVE_ANIMATED_HEADER_FLAT_LIST_HEADER';
 export function AnimatedHeaderFlatList({
   navigation,
   title,
+  navigationBarColor,
   headerTitleStyle,
   navigationTitleStyle,
   HeaderBackground,
@@ -27,6 +28,7 @@ export function AnimatedHeaderFlatList({
     setHeaderTitleLayout,
     stickyComponentLayout,
     setStickyComponentLayout,
+    navigationBarAnimatedStyle,
     navigationTitleAnimatedStyle,
     headerTitleAnimatedStyle,
     stickyHeaderAnimatedStyle,
@@ -70,6 +72,10 @@ export function AnimatedHeaderFlatList({
         }), HeaderContent && /*#__PURE__*/_jsx(Animated.View, {
           style: [headerContentAnimatedStyle, styles.headerContentContainer],
           children: /*#__PURE__*/_jsx(HeaderContent, {})
+        }), navigationBarColor && /*#__PURE__*/_jsx(Animated.View, {
+          style: [navigationBarAnimatedStyle, styles.animatedNavigationBar, {
+            backgroundColor: navigationBarColor
+          }]
         }), /*#__PURE__*/_jsx(Animated.Text, {
           onLayout: event => {
             setHeaderTitleLayout(event.nativeEvent.layout);
@@ -80,7 +86,7 @@ export function AnimatedHeaderFlatList({
         })]
       })
     });
-  }, [navigationBarHeight, parallax, headerBackgroundAnimatedStyle, HeaderBackground, HeaderContent, headerContentAnimatedStyle, headerTitleAnimatedStyle, headerTitleStyle, title, setHeaderLayout, setHeaderTitleLayout]);
+  }, [navigationBarHeight, parallax, headerBackgroundAnimatedStyle, HeaderBackground, HeaderContent, headerContentAnimatedStyle, headerTitleAnimatedStyle, headerTitleStyle, title, setHeaderLayout, setHeaderTitleLayout, navigationBarAnimatedStyle, navigationBarColor]);
   const renderItem = useCallback(({
     item
   }) => {
@@ -157,6 +163,12 @@ const styles = StyleSheet.create({
   mainHeaderContainer: {
     overflow: 'visible'
   },
+  animatedNavigationBar: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
   headerTitle: {
     position: 'absolute'
   },

package/lib/module/components/AnimatedHeaderFlatList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StatusBar","StyleSheet","View","useLayoutEffect","useCallback","useMemo","Animated","useAnimatedHeaderFlatListAnimatedStyles","getFontSizeFromStyle","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HEADER_ITEM","AnimatedHeaderFlatList","navigation","title","headerTitleStyle","navigationTitleStyle","HeaderBackground","HeaderContent","StickyComponent","parallax","flatListProps","scrollHandler","navigationBarHeight","headerLayout","setHeaderLayout","setHeaderTitleLayout","stickyComponentLayout","setStickyComponentLayout","navigationTitleAnimatedStyle","headerTitleAnimatedStyle","stickyHeaderAnimatedStyle","headerContentAnimatedStyle","headerBackgroundAnimatedStyle","headerTitleFontSize","navigationTitleFontSize","navigationTitle","Text","style","numberOfLines","children","setOptions","headerShown","headerStyle","styles","navigationBar","headerShadowVisible","headerTransparent","headerTitle","headerTitleAlign","ListHeaderComponent","headerWrapper","headerContainer","top","onLayout","event","nativeEvent","layout","height","undefined","headerContentContainer","renderItem","item","stickyHeaderContainer","stickyHeader","bottom","stickyComponentContainer","data","listData","Array","isArray","backgroundColor","translucent","FlatList","stickyHeaderIndices","mainHeaderContainer","transform","translateY","onScroll","create","overflow","position","left","right"],"sourceRoot":"../../../src","sources":["components/AnimatedHeaderFlatList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StatusBar","StyleSheet","View","useLayoutEffect","useCallback","useMemo","Animated","useAnimatedHeaderFlatListAnimatedStyles","getFontSizeFromStyle","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HEADER_ITEM","AnimatedHeaderFlatList","navigation","title","navigationBarColor","headerTitleStyle","navigationTitleStyle","HeaderBackground","HeaderContent","StickyComponent","parallax","flatListProps","scrollHandler","navigationBarHeight","headerLayout","setHeaderLayout","setHeaderTitleLayout","stickyComponentLayout","setStickyComponentLayout","navigationBarAnimatedStyle","navigationTitleAnimatedStyle","headerTitleAnimatedStyle","stickyHeaderAnimatedStyle","headerContentAnimatedStyle","headerBackgroundAnimatedStyle","headerTitleFontSize","navigationTitleFontSize","navigationTitle","Text","style","numberOfLines","children","setOptions","headerShown","headerStyle","styles","navigationBar","headerShadowVisible","headerTransparent","headerTitle","headerTitleAlign","ListHeaderComponent","headerWrapper","headerContainer","top","onLayout","event","nativeEvent","layout","height","undefined","headerContentContainer","animatedNavigationBar","backgroundColor","renderItem","item","stickyHeaderContainer","stickyHeader","bottom","stickyComponentContainer","data","listData","Array","isArray","translucent","FlatList","stickyHeaderIndices","mainHeaderContainer","transform","translateY","onScroll","create","overflow","position","left","right"],"sourceRoot":"../../../src","sources":["components/AnimatedHeaderFlatList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/useAnimatedHeaderFlatListAnimatedStyles.js

@@ -36,6 +36,13 @@ export const useAnimatedHeaderFlatListAnimatedStyles = ({
   const distanceBetweenTitleAndNavigationBar = (navigationBarHeight - safeAreaInsets.top + headerTitleLayout.height) / 2 + headerTitleLayout.y - navigationBarHeight;
   const navigationTitleOpacity = useSharedValue(0);
   const stickyHeaderOpacity = useSharedValue(0);
+  const navigationBarAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: interpolate(scrollY.value, [0, headerLayout.height - navigationBarHeight * 2], [0, 1], 'clamp'),
+      marginBottom: Math.max(0, headerLayout.height - navigationBarHeight * 2 - scrollY.value),
+      height: navigationBarHeight
+    };
+  });
   const navigationTitleAnimatedStyle = useAnimatedStyle(() => {
     return {
       opacity: navigationTitleOpacity.value
@@ -69,7 +76,7 @@ export const useAnimatedHeaderFlatListAnimatedStyles = ({
       transform: [{
         translateY: interpolate(scrollY.value, [scrollY.value, 0], [scrollY.value / 2, 0], 'clamp')
       }, {
-        scale: interpolate(scrollY.value, [scrollY.value, 0], [1 - scrollY.value / (headerLayout.height - navigationBarHeight), 1, 1], 'clamp')
+        scale: interpolate(scrollY.value, [scrollY.value, 0], [1 - scrollY.value / (headerLayout.height - navigationBarHeight), 1], 'clamp')
       }]
     };
   });
@@ -87,6 +94,7 @@ export const useAnimatedHeaderFlatListAnimatedStyles = ({
     setHeaderTitleLayout,
     stickyComponentLayout,
     setStickyComponentLayout,
+    navigationBarAnimatedStyle,
     navigationTitleAnimatedStyle,
     headerTitleAnimatedStyle,
     stickyHeaderAnimatedStyle,

package/lib/module/hooks/useAnimatedHeaderFlatListAnimatedStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["useHeaderHeight","useState","useWindowDimensions","interpolate","useAnimatedScrollHandler","useAnimatedStyle","useSharedValue","useSafeAreaInsets","useAnimatedHeaderFlatListAnimatedStyles","headerTitleFontSize","navigationTitleFontSize","width","windowWidth","scrollY","navigationBarHeight","safeAreaInsets","headerLayout","setHeaderLayout","x","y","height","headerTitleLayout","setHeaderTitleLayout","stickyComponentLayout","setStickyComponentLayout","distanceBetweenTitleAndNavigationBar","top","navigationTitleOpacity","stickyHeaderOpacity","navigationTitleAnimatedStyle","opacity","value","headerTitleAnimatedStyle","transform","translateX","scale","stickyHeaderAnimatedStyle","headerContentAnimatedStyle","headerBackgroundAnimatedStyle","translateY","scrollHandler","event","contentOffset"],"sourceRoot":"../../../src","sources":["hooks/useAnimatedHeaderFlatListAnimatedStyles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useHeaderHeight","useState","useWindowDimensions","interpolate","useAnimatedScrollHandler","useAnimatedStyle","useSharedValue","useSafeAreaInsets","useAnimatedHeaderFlatListAnimatedStyles","headerTitleFontSize","navigationTitleFontSize","width","windowWidth","scrollY","navigationBarHeight","safeAreaInsets","headerLayout","setHeaderLayout","x","y","height","headerTitleLayout","setHeaderTitleLayout","stickyComponentLayout","setStickyComponentLayout","distanceBetweenTitleAndNavigationBar","top","navigationTitleOpacity","stickyHeaderOpacity","navigationBarAnimatedStyle","opacity","value","marginBottom","Math","max","navigationTitleAnimatedStyle","headerTitleAnimatedStyle","transform","translateX","scale","stickyHeaderAnimatedStyle","headerContentAnimatedStyle","headerBackgroundAnimatedStyle","translateY","scrollHandler","event","contentOffset"],"sourceRoot":"../../../src","sources":["hooks/useAnimatedHeaderFlatListAnimatedStyles.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/commonjs/src/components/AnimatedHeaderFlatList.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import { type StyleProp, type TextStyle } from 'react-native';
+import { type ColorValue, type StyleProp, type TextStyle } from 'react-native';
 import type { FlatListPropsWithLayout } from 'react-native-reanimated';
 import { type NavigationProp } from '@react-navigation/native';
 interface Props {
     navigation: NavigationProp<any>;
     title: string;
+    navigationBarColor?: ColorValue;
     headerTitleStyle?: StyleProp<TextStyle>;
     navigationTitleStyle?: StyleProp<TextStyle>;
     HeaderBackground: React.ComponentType<any>;
@@ -13,6 +14,6 @@ interface Props {
     parallax?: boolean;
 }
 type AnimatedHeaderFlatListProps<T> = Omit<FlatListPropsWithLayout<T>, keyof Props> & Props;
-export declare function AnimatedHeaderFlatList<T>({ navigation, title, headerTitleStyle, navigationTitleStyle, HeaderBackground, HeaderContent, StickyComponent, parallax, ...flatListProps }: AnimatedHeaderFlatListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedHeaderFlatList<T>({ navigation, title, navigationBarColor, headerTitleStyle, navigationTitleStyle, HeaderBackground, HeaderContent, StickyComponent, parallax, ...flatListProps }: AnimatedHeaderFlatListProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AnimatedHeaderFlatList.d.ts.map

package/lib/typescript/commonjs/src/components/AnimatedHeaderFlatList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK/D,UAAU,KAAK;IACb,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,2BAA2B,CAAC,CAAC,IAAI,IAAI,CACxC,uBAAuB,CAAC,CAAC,CAAC,EAC1B,MAAM,KAAK,CACZ,GACC,KAAK,CAAC;AAIR,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,EACxC,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,QAAe,EACf,GAAG,aAAa,EACjB,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CA+LhC"}
+{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAIL,KAAK,UAAU,EAGf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK/D,UAAU,KAAK;IACb,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,2BAA2B,CAAC,CAAC,IAAI,IAAI,CACxC,uBAAuB,CAAC,CAAC,CAAC,EAC1B,MAAM,KAAK,CACZ,GACC,KAAK,CAAC;AAIR,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,EACxC,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,QAAe,EACf,GAAG,aAAa,EACjB,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAyMhC"}

package/lib/typescript/commonjs/src/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts

@@ -13,6 +13,7 @@ type AnimatedHeaderFlatListAnimatedStyles = {
     setHeaderTitleLayout: (layout: LayoutRectangle) => void;
     stickyComponentLayout: LayoutRectangle;
     setStickyComponentLayout: (layout: LayoutRectangle) => void;
+    navigationBarAnimatedStyle: AnimatedStyle<ViewStyle>;
     navigationTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
     headerTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
     stickyHeaderAnimatedStyle: AnimatedStyle<ViewStyle>;

package/lib/typescript/commonjs/src/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimatedHeaderFlatListAnimatedStyles.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useAnimatedHeaderFlatListAnimatedStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAGjC,KAAK,yCAAyC,GAAG;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,KAAK,oCAAoC,GAAG;IAC1C,aAAa,EAAE,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/D,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,iBAAiB,EAAE,eAAe,CAAC;IACnC,oBAAoB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,qBAAqB,EAAE,eAAe,CAAC;IACvC,wBAAwB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,4BAA4B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACvD,wBAAwB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnD,yBAAyB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACpD,0BAA0B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrD,6BAA6B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,uCAAuC,sDAGjD,yCAAyC,KAAG,oCAyI9C,CAAC"}
+{"version":3,"file":"useAnimatedHeaderFlatListAnimatedStyles.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useAnimatedHeaderFlatListAnimatedStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAGjC,KAAK,yCAAyC,GAAG;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,KAAK,oCAAoC,GAAG;IAC1C,aAAa,EAAE,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/D,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,iBAAiB,EAAE,eAAe,CAAC;IACnC,oBAAoB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,qBAAqB,EAAE,eAAe,CAAC;IACvC,wBAAwB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,0BAA0B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrD,4BAA4B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACvD,wBAAwB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnD,yBAAyB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACpD,0BAA0B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrD,6BAA6B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,uCAAuC,sDAGjD,yCAAyC,KAAG,oCAwJ9C,CAAC"}

package/lib/typescript/module/src/components/AnimatedHeaderFlatList.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import { type StyleProp, type TextStyle } from 'react-native';
+import { type ColorValue, type StyleProp, type TextStyle } from 'react-native';
 import type { FlatListPropsWithLayout } from 'react-native-reanimated';
 import { type NavigationProp } from '@react-navigation/native';
 interface Props {
     navigation: NavigationProp<any>;
     title: string;
+    navigationBarColor?: ColorValue;
     headerTitleStyle?: StyleProp<TextStyle>;
     navigationTitleStyle?: StyleProp<TextStyle>;
     HeaderBackground: React.ComponentType<any>;
@@ -13,6 +14,6 @@ interface Props {
     parallax?: boolean;
 }
 type AnimatedHeaderFlatListProps<T> = Omit<FlatListPropsWithLayout<T>, keyof Props> & Props;
-export declare function AnimatedHeaderFlatList<T>({ navigation, title, headerTitleStyle, navigationTitleStyle, HeaderBackground, HeaderContent, StickyComponent, parallax, ...flatListProps }: AnimatedHeaderFlatListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedHeaderFlatList<T>({ navigation, title, navigationBarColor, headerTitleStyle, navigationTitleStyle, HeaderBackground, HeaderContent, StickyComponent, parallax, ...flatListProps }: AnimatedHeaderFlatListProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AnimatedHeaderFlatList.d.ts.map

package/lib/typescript/module/src/components/AnimatedHeaderFlatList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK/D,UAAU,KAAK;IACb,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,2BAA2B,CAAC,CAAC,IAAI,IAAI,CACxC,uBAAuB,CAAC,CAAC,CAAC,EAC1B,MAAM,KAAK,CACZ,GACC,KAAK,CAAC;AAIR,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,EACxC,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,QAAe,EACf,GAAG,aAAa,EACjB,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CA+LhC"}
+{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAIL,KAAK,UAAU,EAGf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK/D,UAAU,KAAK;IACb,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,2BAA2B,CAAC,CAAC,IAAI,IAAI,CACxC,uBAAuB,CAAC,CAAC,CAAC,EAC1B,MAAM,KAAK,CACZ,GACC,KAAK,CAAC;AAIR,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,EACxC,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,QAAe,EACf,GAAG,aAAa,EACjB,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAyMhC"}

package/lib/typescript/module/src/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts

@@ -13,6 +13,7 @@ type AnimatedHeaderFlatListAnimatedStyles = {
     setHeaderTitleLayout: (layout: LayoutRectangle) => void;
     stickyComponentLayout: LayoutRectangle;
     setStickyComponentLayout: (layout: LayoutRectangle) => void;
+    navigationBarAnimatedStyle: AnimatedStyle<ViewStyle>;
     navigationTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
     headerTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
     stickyHeaderAnimatedStyle: AnimatedStyle<ViewStyle>;

package/lib/typescript/module/src/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimatedHeaderFlatListAnimatedStyles.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useAnimatedHeaderFlatListAnimatedStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAGjC,KAAK,yCAAyC,GAAG;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,KAAK,oCAAoC,GAAG;IAC1C,aAAa,EAAE,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/D,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,iBAAiB,EAAE,eAAe,CAAC;IACnC,oBAAoB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,qBAAqB,EAAE,eAAe,CAAC;IACvC,wBAAwB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,4BAA4B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACvD,wBAAwB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnD,yBAAyB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACpD,0BAA0B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrD,6BAA6B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,uCAAuC,sDAGjD,yCAAyC,KAAG,oCAyI9C,CAAC"}
+{"version":3,"file":"useAnimatedHeaderFlatListAnimatedStyles.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useAnimatedHeaderFlatListAnimatedStyles.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAGjC,KAAK,yCAAyC,GAAG;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,KAAK,oCAAoC,GAAG;IAC1C,aAAa,EAAE,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/D,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,iBAAiB,EAAE,eAAe,CAAC;IACnC,oBAAoB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,qBAAqB,EAAE,eAAe,CAAC;IACvC,wBAAwB,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,0BAA0B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrD,4BAA4B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACvD,wBAAwB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnD,yBAAyB,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACpD,0BAA0B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrD,6BAA6B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,uCAAuC,sDAGjD,yCAAyC,KAAG,oCAwJ9C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-animated-header-flat-list",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "A React Native FlatList component with an animated collapsible header, featuring parallax effects, smooth title transitions, sticky component support, and customizable styles. Built with TypeScript and separate background/content layers in header.",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",
@@ -67,28 +67,28 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "17.7.0",
-    "@evilmartians/lefthook": "^1.8.4",
+    "@evilmartians/lefthook": "^1.8.5",
     "@react-native/eslint-config": "0.73.1",
-    "@react-navigation/elements": "^2.1.7",
-    "@react-navigation/native": "^7.0.8",
-    "@react-navigation/native-stack": "^7.1.9",
+    "@react-navigation/elements": "^2.2.4",
+    "@react-navigation/native": "^7.0.14",
+    "@react-navigation/native-stack": "^7.2.0",
     "@release-it/conventional-changelog": "7.0.0",
     "@types/jest": "^29.5.14",
     "@types/react": "^18.3.12",
-    "commitlint": "^19.6.0",
+    "commitlint": "^19.6.1",
     "del-cli": "^6.0.0",
-    "eslint": "^8.57.0",
+    "eslint": "8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-prettier": "^5.2.3",
     "jest": "^29.7.0",
-    "prettier": "^3.4.1",
-    "react": "18.3.1",
-    "react-native": "0.76.3",
-    "react-native-builder-bob": "^0.33.2",
-    "react-native-reanimated": "^3.16.3",
-    "react-native-safe-area-context": "^4.14.0",
+    "prettier": "^3.4.2",
+    "react": "19.0.0",
+    "react-native": "0.76.6",
+    "react-native-builder-bob": "^0.35.2",
+    "react-native-reanimated": "^3.16.7",
+    "react-native-safe-area-context": "^5.1.0",
     "release-it": "16.1.5",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.3"
   },
   "resolutions": {
     "@types/react": "^18.3.12"

package/src/components/AnimatedHeaderFlatList.tsx

@@ -3,6 +3,7 @@ import {
   StatusBar,
   StyleSheet,
   View,
+  type ColorValue,
   type LayoutChangeEvent,
   type ListRenderItemInfo,
   type StyleProp,
@@ -18,6 +19,7 @@ import { getFontSizeFromStyle } from '../utils/styleUtils';
 interface Props {
   navigation: NavigationProp<any>;
   title: string;
+  navigationBarColor?: ColorValue;
   headerTitleStyle?: StyleProp<TextStyle>;
   navigationTitleStyle?: StyleProp<TextStyle>;
   HeaderBackground: React.ComponentType<any>;
@@ -37,6 +39,7 @@ const HEADER_ITEM = 'REACT_NATIVE_ANIMATED_HEADER_FLAT_LIST_HEADER';
 export function AnimatedHeaderFlatList<T>({
   navigation,
   title,
+  navigationBarColor,
   headerTitleStyle,
   navigationTitleStyle,
   HeaderBackground,
@@ -53,6 +56,7 @@ export function AnimatedHeaderFlatList<T>({
     setHeaderTitleLayout,
     stickyComponentLayout,
     setStickyComponentLayout,
+    navigationBarAnimatedStyle,
     navigationTitleAnimatedStyle,
     headerTitleAnimatedStyle,
     stickyHeaderAnimatedStyle,
@@ -103,7 +107,6 @@ export function AnimatedHeaderFlatList<T>({
           >
             <HeaderBackground />
           </Animated.View>
-
           {HeaderContent && (
             <Animated.View
               style={[
@@ -114,7 +117,15 @@ export function AnimatedHeaderFlatList<T>({
               <HeaderContent />
             </Animated.View>
           )}
-
+          {navigationBarColor && (
+            <Animated.View
+              style={[
+                navigationBarAnimatedStyle,
+                styles.animatedNavigationBar,
+                { backgroundColor: navigationBarColor },
+              ]}
+            />
+          )}
           <Animated.Text
             onLayout={(event: LayoutChangeEvent) => {
               setHeaderTitleLayout(event.nativeEvent.layout);
@@ -143,6 +154,8 @@ export function AnimatedHeaderFlatList<T>({
     title,
     setHeaderLayout,
     setHeaderTitleLayout,
+    navigationBarAnimatedStyle,
+    navigationBarColor,
   ]);
 
   type CustomItem = typeof HEADER_ITEM | T;
@@ -261,6 +274,12 @@ const styles = StyleSheet.create({
   mainHeaderContainer: {
     overflow: 'visible',
   },
+  animatedNavigationBar: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+  },
   headerTitle: {
     position: 'absolute',
   },

package/src/hooks/useAnimatedHeaderFlatListAnimatedStyles.ts

@@ -29,6 +29,7 @@ type AnimatedHeaderFlatListAnimatedStyles = {
   setHeaderTitleLayout: (layout: LayoutRectangle) => void;
   stickyComponentLayout: LayoutRectangle;
   setStickyComponentLayout: (layout: LayoutRectangle) => void;
+  navigationBarAnimatedStyle: AnimatedStyle<ViewStyle>;
   navigationTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
   headerTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
   stickyHeaderAnimatedStyle: AnimatedStyle<ViewStyle>;
@@ -69,6 +70,21 @@ export const useAnimatedHeaderFlatListAnimatedStyles = ({
     navigationBarHeight;
   const navigationTitleOpacity = useSharedValue(0);
   const stickyHeaderOpacity = useSharedValue(0);
+  const navigationBarAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: interpolate(
+        scrollY.value,
+        [0, headerLayout.height - navigationBarHeight * 2],
+        [0, 1],
+        'clamp'
+      ),
+      marginBottom: Math.max(
+        0,
+        headerLayout.height - navigationBarHeight * 2 - scrollY.value
+      ),
+      height: navigationBarHeight,
+    };
+  });
   const navigationTitleAnimatedStyle = useAnimatedStyle(() => {
     return {
       opacity: navigationTitleOpacity.value,
@@ -143,7 +159,6 @@ export const useAnimatedHeaderFlatListAnimatedStyles = ({
             [
               1 - scrollY.value / (headerLayout.height - navigationBarHeight),
               1,
-              1,
             ],
             'clamp'
           ),
@@ -170,6 +185,7 @@ export const useAnimatedHeaderFlatListAnimatedStyles = ({
     setHeaderTitleLayout,
     stickyComponentLayout,
     setStickyComponentLayout,
+    navigationBarAnimatedStyle,
     navigationTitleAnimatedStyle,
     headerTitleAnimatedStyle,
     stickyHeaderAnimatedStyle,