react-native-animated-header-flat-list 1.1.0

package/lib/module/components/AnimatedHeaderFlatList.js

@@ -0,0 +1,189 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useLayoutEffect, useCallback, useMemo } from 'react';
+import { useAnimatedHeaderFlatListAnimatedStyles } from "../hooks/useAnimatedHeaderFlatListAnimatedStyles.js";
+import Animated from 'react-native-reanimated';
+
+// Types
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function AnimatedHeaderFlatList({
+  navigation,
+  title,
+  headerTitleStyle,
+  navigationTitleStyle,
+  HeaderBackground,
+  HeaderContent,
+  StickyComponent,
+  style,
+  ...flatListProps
+}) {
+  const getFontSizeFromStyle = useCallback(textStyle => {
+    if (!textStyle) return undefined;
+    if (Array.isArray(textStyle)) {
+      for (const styleItem of textStyle) {
+        if (styleItem && typeof styleItem === 'object' && 'fontSize' in styleItem) {
+          return styleItem.fontSize;
+        }
+      }
+    } else if (typeof textStyle === 'object' && 'fontSize' in textStyle) {
+      return textStyle.fontSize;
+    }
+    return undefined;
+  }, []);
+  const {
+    scrollHandler,
+    navigationBarHeight,
+    headerLayout,
+    setHeaderLayout,
+    setHeaderTitleLayout,
+    stickyComponentLayout,
+    setStickyComponentLayout,
+    navigationTitleAnimatedStyle,
+    headerTitleAnimatedStyle,
+    stickyHeaderAnimatedStyle,
+    headerContentAnimatedStyle,
+    headerBackgroundAnimatedStyle
+  } = useAnimatedHeaderFlatListAnimatedStyles({
+    headerTitleFontSize: getFontSizeFromStyle(headerTitleStyle),
+    navigationTitleFontSize: getFontSizeFromStyle(navigationTitleStyle)
+  });
+  const navigationTitle = useCallback(() => /*#__PURE__*/_jsx(Animated.Text, {
+    style: [navigationTitleAnimatedStyle, navigationTitleStyle, styles.titleStyle],
+    numberOfLines: 1,
+    children: title
+  }), [navigationTitleAnimatedStyle, navigationTitleStyle, title]);
+  useLayoutEffect(() => {
+    navigation.setOptions({
+      headerShown: true,
+      headerStyle: styles.navigationBar,
+      headerShadowVisible: false,
+      headerTransparent: true,
+      headerTitle: navigationTitle,
+      headerTitleAlign: 'center'
+    });
+  }, [navigationTitle, navigation]);
+  const ListHeaderComponent = useMemo(() => {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.headerWrapper,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.headerContainer, {
+          top: -navigationBarHeight
+        }],
+        onLayout: event => {
+          setHeaderLayout({
+            ...event.nativeEvent.layout,
+            height: event.nativeEvent.layout.height + navigationBarHeight
+          });
+        },
+        children: [/*#__PURE__*/_jsx(Animated.View, {
+          style: headerBackgroundAnimatedStyle,
+          children: /*#__PURE__*/_jsx(HeaderBackground, {})
+        }), HeaderContent && /*#__PURE__*/_jsx(Animated.View, {
+          style: [headerContentAnimatedStyle, styles.headerContentContainer],
+          children: /*#__PURE__*/_jsx(HeaderContent, {})
+        }), /*#__PURE__*/_jsx(Animated.Text, {
+          onLayout: event => {
+            setHeaderTitleLayout(event.nativeEvent.layout);
+          },
+          numberOfLines: 1,
+          style: [headerTitleAnimatedStyle, styles.headerTitle, headerTitleStyle],
+          children: title
+        })]
+      })
+    });
+  }, [navigationBarHeight, headerBackgroundAnimatedStyle, HeaderBackground, HeaderContent, headerContentAnimatedStyle, headerTitleAnimatedStyle, headerTitleStyle, title, setHeaderLayout, setHeaderTitleLayout]);
+  const renderItem = useCallback(({
+    item
+  }) => {
+    if (item === 'HEADER') {
+      return /*#__PURE__*/_jsxs(View, {
+        style: [styles.stickyHeaderContainer, {
+          height: navigationBarHeight + stickyComponentLayout.height
+        }],
+        children: [/*#__PURE__*/_jsx(Animated.View, {
+          style: [stickyHeaderAnimatedStyle, styles.stickyHeader, {
+            bottom: headerLayout.height - navigationBarHeight * 2 + stickyComponentLayout.height
+          }],
+          children: ListHeaderComponent
+        }), StickyComponent && /*#__PURE__*/_jsx(View, {
+          style: styles.stickyComponentContainer,
+          onLayout: event => {
+            setStickyComponentLayout(event.nativeEvent.layout);
+          },
+          children: /*#__PURE__*/_jsx(StickyComponent, {})
+        })]
+      });
+    }
+    return flatListProps.renderItem && typeof flatListProps.renderItem === 'function' ? flatListProps.renderItem({
+      item
+    }) : null;
+  }, [flatListProps, navigationBarHeight, stickyComponentLayout.height, stickyHeaderAnimatedStyle, headerLayout.height, ListHeaderComponent, StickyComponent, setStickyComponentLayout]);
+  return /*#__PURE__*/_jsx(Animated.FlatList, {
+    ...flatListProps,
+    style: style,
+    stickyHeaderHiddenOnScroll: false,
+    stickyHeaderIndices: [1],
+    ListHeaderComponent: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.mainHeaderContainer, {
+        height: headerLayout.height - navigationBarHeight * 2,
+        transform: [{
+          translateY: navigationBarHeight
+        }]
+      }],
+      children: ListHeaderComponent
+    }),
+    onScroll: scrollHandler,
+    data: ['HEADER', ...(Array.isArray(flatListProps.data) ? flatListProps.data : [])],
+    renderItem: renderItem
+  });
+}
+const styles = StyleSheet.create({
+  navigationBar: {
+    backgroundColor: 'transparent'
+  },
+  titleStyle: {
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0
+  },
+  headerWrapper: {
+    overflow: 'visible'
+  },
+  headerContainer: {
+    left: 0,
+    right: 0,
+    overflow: 'visible',
+    position: 'absolute'
+  },
+  stickyHeaderContainer: {
+    overflow: 'scroll'
+  },
+  stickyHeader: {
+    position: 'absolute',
+    left: 0,
+    right: 0
+  },
+  mainHeaderContainer: {
+    overflow: 'visible'
+  },
+  headerTitle: {
+    position: 'absolute'
+  },
+  stickyComponentContainer: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  headerContentContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }
+});
+//# sourceMappingURL=AnimatedHeaderFlatList.js.map

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

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

package/lib/module/hooks/useAnimatedHeaderFlatListAnimatedStyles.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import { useHeaderHeight } from '@react-navigation/elements';
+import { useState } from 'react';
+import { useWindowDimensions } from 'react-native';
+import { interpolate, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+export const useAnimatedHeaderFlatListAnimatedStyles = ({
+  headerTitleFontSize,
+  navigationTitleFontSize
+}) => {
+  const {
+    width: windowWidth
+  } = useWindowDimensions();
+  const scrollY = useSharedValue(0);
+  const navigationBarHeight = useHeaderHeight();
+  const safeAreaInsets = useSafeAreaInsets();
+  const [headerLayout, setHeaderLayout] = useState({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+  const [headerTitleLayout, setHeaderTitleLayout] = useState({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+  const [stickyComponentLayout, setStickyComponentLayout] = useState({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+  const distanceBetweenTitleAndNavigationBar = (navigationBarHeight - safeAreaInsets.top + headerTitleLayout.height) / 2 + headerTitleLayout.y - navigationBarHeight;
+  const navigationTitleOpacity = useSharedValue(0);
+  const stickyHeaderOpacity = useSharedValue(0);
+  const navigationTitleAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: navigationTitleOpacity.value
+    };
+  });
+  const headerTitleAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: 1 - navigationTitleOpacity.value,
+      transform: [{
+        translateX: interpolate(scrollY.value, [0, distanceBetweenTitleAndNavigationBar], [0, windowWidth / 2 - headerTitleLayout.x - headerTitleLayout.width / 2], 'clamp')
+      }, {
+        scale: interpolate(scrollY.value, [0, distanceBetweenTitleAndNavigationBar], [1, navigationTitleFontSize && headerTitleFontSize ? navigationTitleFontSize / headerTitleFontSize : 1], 'clamp')
+      }]
+    };
+  });
+  const stickyHeaderAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: stickyHeaderOpacity.value
+    };
+  });
+  const headerContentAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      opacity: interpolate(scrollY.value, [0, headerLayout.height - navigationBarHeight * 2], [1, 0], 'clamp')
+    };
+  });
+  const headerBackgroundAnimatedStyle = useAnimatedStyle(() => {
+    if (scrollY.value >= 0) {
+      return {};
+    }
+    return {
+      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')
+      }]
+    };
+  });
+  const scrollHandler = useAnimatedScrollHandler(event => {
+    scrollY.value = event.contentOffset.y;
+    navigationTitleOpacity.value = event.contentOffset.y >= distanceBetweenTitleAndNavigationBar ? 1 : 0;
+    stickyHeaderOpacity.value = event.contentOffset.y >= headerLayout.height - navigationBarHeight * 2 ? 1 : 0;
+  });
+  return {
+    scrollHandler,
+    navigationBarHeight,
+    headerLayout,
+    setHeaderLayout,
+    headerTitleLayout,
+    setHeaderTitleLayout,
+    stickyComponentLayout,
+    setStickyComponentLayout,
+    navigationTitleAnimatedStyle,
+    headerTitleAnimatedStyle,
+    stickyHeaderAnimatedStyle,
+    headerContentAnimatedStyle,
+    headerBackgroundAnimatedStyle
+  };
+};
+//# sourceMappingURL=useAnimatedHeaderFlatListAnimatedStyles.js.map

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

@@ -0,0 +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":";;AAAA,SAASA,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,QAAQ,QAAQ,OAAO;AAChC,SACEC,mBAAmB,QAGd,cAAc;AACrB,SACEC,WAAW,EACXC,wBAAwB,EACxBC,gBAAgB,EAChBC,cAAc,QAGT,yBAAyB;AAChC,SAASC,iBAAiB,QAAQ,gCAAgC;AAuBlE,OAAO,MAAMC,uCAAuC,GAAGA,CAAC;EACtDC,mBAAmB;EACnBC;AACyC,CAAC,KAA2C;EACrF,MAAM;IAAEC,KAAK,EAAEC;EAAY,CAAC,GAAGV,mBAAmB,CAAC,CAAC;EACpD,MAAMW,OAAO,GAAGP,cAAc,CAAC,CAAC,CAAC;EACjC,MAAMQ,mBAAmB,GAAGd,eAAe,CAAC,CAAC;EAC7C,MAAMe,cAAc,GAAGR,iBAAiB,CAAC,CAAC;EAC1C,MAAM,CAACS,YAAY,EAAEC,eAAe,CAAC,GAAGhB,QAAQ,CAAkB;IAChEiB,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJR,KAAK,EAAE,CAAC;IACRS,MAAM,EAAE;EACV,CAAC,CAAC;EACF,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGrB,QAAQ,CAAkB;IAC1EiB,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJR,KAAK,EAAE,CAAC;IACRS,MAAM,EAAE;EACV,CAAC,CAAC;EACF,MAAM,CAACG,qBAAqB,EAAEC,wBAAwB,CAAC,GACrDvB,QAAQ,CAAkB;IACxBiB,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJR,KAAK,EAAE,CAAC;IACRS,MAAM,EAAE;EACV,CAAC,CAAC;EACJ,MAAMK,oCAAoC,GACxC,CAACX,mBAAmB,GAAGC,cAAc,CAACW,GAAG,GAAGL,iBAAiB,CAACD,MAAM,IAAI,CAAC,GACzEC,iBAAiB,CAACF,CAAC,GACnBL,mBAAmB;EACrB,MAAMa,sBAAsB,GAAGrB,cAAc,CAAC,CAAC,CAAC;EAChD,MAAMsB,mBAAmB,GAAGtB,cAAc,CAAC,CAAC,CAAC;EAC7C,MAAMuB,4BAA4B,GAAGxB,gBAAgB,CAAC,MAAM;IAC1D,OAAO;MACLyB,OAAO,EAAEH,sBAAsB,CAACI;IAClC,CAAC;EACH,CAAC,CAAC;EACF,MAAMC,wBAAwB,GAAG3B,gBAAgB,CAAC,MAAM;IACtD,OAAO;MACLyB,OAAO,EAAE,CAAC,GAAGH,sBAAsB,CAACI,KAAK;MACzCE,SAAS,EAAE,CACT;QACEC,UAAU,EAAE/B,WAAW,CACrBU,OAAO,CAACkB,KAAK,EACb,CAAC,CAAC,EAAEN,oCAAoC,CAAC,EACzC,CACE,CAAC,EACDb,WAAW,GAAG,CAAC,GACbS,iBAAiB,CAACH,CAAC,GACnBG,iBAAiB,CAACV,KAAK,GAAG,CAAC,CAC9B,EACD,OACF;MACF,CAAC,EACD;QACEwB,KAAK,EAAEhC,WAAW,CAChBU,OAAO,CAACkB,KAAK,EACb,CAAC,CAAC,EAAEN,oCAAoC,CAAC,EACzC,CACE,CAAC,EACDf,uBAAuB,IAAID,mBAAmB,GAC1CC,uBAAuB,GAAGD,mBAAmB,GAC7C,CAAC,CACN,EACD,OACF;MACF,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EACF,MAAM2B,yBAAyB,GAAG/B,gBAAgB,CAAC,MAAM;IACvD,OAAO;MACLyB,OAAO,EAAEF,mBAAmB,CAACG;IAC/B,CAAC;EACH,CAAC,CAAC;EACF,MAAMM,0BAA0B,GAAGhC,gBAAgB,CAAC,MAAM;IACxD,OAAO;MACLyB,OAAO,EAAE3B,WAAW,CAClBU,OAAO,CAACkB,KAAK,EACb,CAAC,CAAC,EAAEf,YAAY,CAACI,MAAM,GAAGN,mBAAmB,GAAG,CAAC,CAAC,EAClD,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,OACF;IACF,CAAC;EACH,CAAC,CAAC;EACF,MAAMwB,6BAA6B,GAAGjC,gBAAgB,CAAC,MAAM;IAC3D,IAAIQ,OAAO,CAACkB,KAAK,IAAI,CAAC,EAAE;MACtB,OAAO,CAAC,CAAC;IACX;IACA,OAAO;MACLE,SAAS,EAAE,CACT;QACEM,UAAU,EAAEpC,WAAW,CACrBU,OAAO,CAACkB,KAAK,EACb,CAAClB,OAAO,CAACkB,KAAK,EAAE,CAAC,CAAC,EAClB,CAAClB,OAAO,CAACkB,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EACtB,OACF;MACF,CAAC,EACD;QACEI,KAAK,EAAEhC,WAAW,CAChBU,OAAO,CAACkB,KAAK,EACb,CAAClB,OAAO,CAACkB,KAAK,EAAE,CAAC,CAAC,EAClB,CACE,CAAC,GAAGlB,OAAO,CAACkB,KAAK,IAAIf,YAAY,CAACI,MAAM,GAAGN,mBAAmB,CAAC,EAC/D,CAAC,EACD,CAAC,CACF,EACD,OACF;MACF,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EACF,MAAM0B,aAAa,GAAGpC,wBAAwB,CAAEqC,KAAK,IAAK;IACxD5B,OAAO,CAACkB,KAAK,GAAGU,KAAK,CAACC,aAAa,CAACvB,CAAC;IACrCQ,sBAAsB,CAACI,KAAK,GAC1BU,KAAK,CAACC,aAAa,CAACvB,CAAC,IAAIM,oCAAoC,GAAG,CAAC,GAAG,CAAC;IACvEG,mBAAmB,CAACG,KAAK,GACvBU,KAAK,CAACC,aAAa,CAACvB,CAAC,IAAIH,YAAY,CAACI,MAAM,GAAGN,mBAAmB,GAAG,CAAC,GAClE,CAAC,GACD,CAAC;EACT,CAAC,CAAC;EAEF,OAAO;IACL0B,aAAa;IACb1B,mBAAmB;IACnBE,YAAY;IACZC,eAAe;IACfI,iBAAiB;IACjBC,oBAAoB;IACpBC,qBAAqB;IACrBC,wBAAwB;IACxBK,4BAA4B;IAC5BG,wBAAwB;IACxBI,yBAAyB;IACzBC,0BAA0B;IAC1BC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { AnimatedHeaderFlatList } from "./components/AnimatedHeaderFlatList.js";
+export { AnimatedHeaderFlatList };
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AnimatedHeaderFlatList"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,wCAAqC;AAE5E,SAASA,sBAAsB","ignoreList":[]}

package/lib/typescript/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import type { FlatListPropsWithLayout } from 'react-native-reanimated';
+import { type NavigationProp } from '@react-navigation/native';
+interface Props {
+    navigation: NavigationProp<any>;
+    title: string;
+    headerTitleStyle?: StyleProp<TextStyle>;
+    navigationTitleStyle?: StyleProp<TextStyle>;
+    HeaderBackground: React.ComponentType<any>;
+    HeaderContent?: React.ComponentType<any>;
+    StickyComponent?: React.ComponentType<any>;
+    style?: StyleProp<ViewStyle>;
+}
+type AnimatedHeaderFlatListProps<T> = Omit<FlatListPropsWithLayout<T>, keyof Props> & Props;
+export declare function AnimatedHeaderFlatList<T>({ navigation, title, headerTitleStyle, navigationTitleStyle, HeaderBackground, HeaderContent, StickyComponent, style, ...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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACd,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,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,KAAK,2BAA2B,CAAC,CAAC,IAAI,IAAI,CACxC,uBAAuB,CAAC,CAAC,CAAC,EAC1B,MAAM,KAAK,CACZ,GACC,KAAK,CAAC;AAER,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,EACxC,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CA8MhC"}

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

@@ -0,0 +1,24 @@
+import { type LayoutRectangle, type ViewStyle } from 'react-native';
+import { type AnimatedStyle, type ScrollHandlerProcessed } from 'react-native-reanimated';
+type AnimatedHeaderFlatListAnimatedStylesProps = {
+    headerTitleFontSize?: number;
+    navigationTitleFontSize?: number;
+};
+type AnimatedHeaderFlatListAnimatedStyles = {
+    scrollHandler: ScrollHandlerProcessed<Record<string, unknown>>;
+    navigationBarHeight: number;
+    headerLayout: LayoutRectangle;
+    setHeaderLayout: (layout: LayoutRectangle) => void;
+    headerTitleLayout: LayoutRectangle;
+    setHeaderTitleLayout: (layout: LayoutRectangle) => void;
+    stickyComponentLayout: LayoutRectangle;
+    setStickyComponentLayout: (layout: LayoutRectangle) => void;
+    navigationTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
+    headerTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
+    stickyHeaderAnimatedStyle: AnimatedStyle<ViewStyle>;
+    headerContentAnimatedStyle: AnimatedStyle<ViewStyle>;
+    headerBackgroundAnimatedStyle: AnimatedStyle<ViewStyle>;
+};
+export declare const useAnimatedHeaderFlatListAnimatedStyles: ({ headerTitleFontSize, navigationTitleFontSize, }: AnimatedHeaderFlatListAnimatedStylesProps) => AnimatedHeaderFlatListAnimatedStyles;
+export {};
+//# sourceMappingURL=useAnimatedHeaderFlatListAnimatedStyles.d.ts.map

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

@@ -0,0 +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"}

package/lib/typescript/commonjs/src/index.d.ts

@@ -0,0 +1,3 @@
+import { AnimatedHeaderFlatList } from './components/AnimatedHeaderFlatList';
+export { AnimatedHeaderFlatList };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/lib/typescript/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import type { FlatListPropsWithLayout } from 'react-native-reanimated';
+import { type NavigationProp } from '@react-navigation/native';
+interface Props {
+    navigation: NavigationProp<any>;
+    title: string;
+    headerTitleStyle?: StyleProp<TextStyle>;
+    navigationTitleStyle?: StyleProp<TextStyle>;
+    HeaderBackground: React.ComponentType<any>;
+    HeaderContent?: React.ComponentType<any>;
+    StickyComponent?: React.ComponentType<any>;
+    style?: StyleProp<ViewStyle>;
+}
+type AnimatedHeaderFlatListProps<T> = Omit<FlatListPropsWithLayout<T>, keyof Props> & Props;
+export declare function AnimatedHeaderFlatList<T>({ navigation, title, headerTitleStyle, navigationTitleStyle, HeaderBackground, HeaderContent, StickyComponent, style, ...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

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACd,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,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,KAAK,2BAA2B,CAAC,CAAC,IAAI,IAAI,CACxC,uBAAuB,CAAC,CAAC,CAAC,EAC1B,MAAM,KAAK,CACZ,GACC,KAAK,CAAC;AAER,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,EACxC,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CA8MhC"}

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

@@ -0,0 +1,24 @@
+import { type LayoutRectangle, type ViewStyle } from 'react-native';
+import { type AnimatedStyle, type ScrollHandlerProcessed } from 'react-native-reanimated';
+type AnimatedHeaderFlatListAnimatedStylesProps = {
+    headerTitleFontSize?: number;
+    navigationTitleFontSize?: number;
+};
+type AnimatedHeaderFlatListAnimatedStyles = {
+    scrollHandler: ScrollHandlerProcessed<Record<string, unknown>>;
+    navigationBarHeight: number;
+    headerLayout: LayoutRectangle;
+    setHeaderLayout: (layout: LayoutRectangle) => void;
+    headerTitleLayout: LayoutRectangle;
+    setHeaderTitleLayout: (layout: LayoutRectangle) => void;
+    stickyComponentLayout: LayoutRectangle;
+    setStickyComponentLayout: (layout: LayoutRectangle) => void;
+    navigationTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
+    headerTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
+    stickyHeaderAnimatedStyle: AnimatedStyle<ViewStyle>;
+    headerContentAnimatedStyle: AnimatedStyle<ViewStyle>;
+    headerBackgroundAnimatedStyle: AnimatedStyle<ViewStyle>;
+};
+export declare const useAnimatedHeaderFlatListAnimatedStyles: ({ headerTitleFontSize, navigationTitleFontSize, }: AnimatedHeaderFlatListAnimatedStylesProps) => AnimatedHeaderFlatListAnimatedStyles;
+export {};
+//# sourceMappingURL=useAnimatedHeaderFlatListAnimatedStyles.d.ts.map

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

@@ -0,0 +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"}

package/lib/typescript/module/src/index.d.ts

@@ -0,0 +1,3 @@
+import { AnimatedHeaderFlatList } from './components/AnimatedHeaderFlatList';
+export { AnimatedHeaderFlatList };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,199 @@
+{
+  "name": "react-native-animated-header-flat-list",
+  "version": "1.1.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",
+  "module": "./lib/module/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/index.js"
+      }
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-animated-header-flat-list-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "flat-list",
+    "animated"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lukailun/react-native-animated-header-flat-list.git"
+  },
+  "author": "Karen <957458041@qq.com> (https://github.com/lukailun)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/lukailun/react-native-animated-header-flat-list/issues"
+  },
+  "homepage": "https://github.com/lukailun/react-native-animated-header-flat-list#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native/eslint-config": "^0.73.1",
+    "@react-navigation/elements": "^2.1.1",
+    "@react-navigation/native": "^7.0.4",
+    "@react-navigation/native-stack": "^7.1.1",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^18.2.44",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.1.0",
+    "eslint": "^8.51.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "18.3.1",
+    "react-native": "0.76.2",
+    "react-native-builder-bob": "^0.32.1",
+    "react-native-reanimated": "^3.16.2",
+    "react-native-safe-area-context": "^4.14.0",
+    "release-it": "^17.10.0",
+    "typescript": "^5.2.2"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.44"
+  },
+  "peerDependencies": {
+    "@react-navigation/elements": ">=2.0.0",
+    "@react-navigation/native": ">=7.0.0",
+    "@react-navigation/native-stack": ">=7.0.0",
+    "react": "*",
+    "react-native": "*",
+    "react-native-reanimated": ">=3.0.0",
+    "react-native-safe-area-context": ">=4.0.0"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native",
+      "prettier"
+    ],
+    "rules": {
+      "react/react-in-jsx-scope": "off",
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json",
+          "esm": true
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "languages": "js",
+    "type": "library",
+    "version": "0.44.2"
+  }
+}