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

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2024 Karen
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,224 @@
+# react-native-animated-header-flat-list
+
+[![Reanimated v3 version](https://img.shields.io/github/package-json/v/lukailun/react-native-animated-header-flat-list/master?label=Reanimated%20v3&style=flat-square)](https://www.npmjs.com/package/react-native-animated-header-flat-list) 
+[![npm](https://img.shields.io/npm/l/react-native-animated-header-flat-list?style=flat-square)](https://www.npmjs.com/package/react-native-animated-header-flat-list) 
+[![npm](https://img.shields.io/npm/types/react-native-animated-header-flat-list?style=flat-square)](https://www.npmjs.com/package/react-native-animated-header-flat-list) 
+[![runs with expo](https://img.shields.io/badge/Runs%20with%20Expo-4630EB.svg?style=flat-square&logo=EXPO&labelColor=f3f3f3&logoColor=000)](https://expo.dev/)
+
+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.
+
+English | [简体中文](./README_zh.md)
+
+## Preview
+
+<div align="center">
+  <table style='width:100%;'>
+    <tr>
+      <td><h4 align='center'>iOS</h4></td>
+      <td><h4 align='center'>Android</h4></td>
+      <td><h4 align='center'>Web</h4></td>
+    </tr>
+    <tr>
+      <td><img width="296" height="640" src="./assets/iOS.gif" alt="iOS"></td>
+      <td><img width="311" height="640" src="./assets/Android.gif" alt="Android"></td>
+      <td><img width="296" height="640" src="./assets/Web.gif" alt="Web"></td>
+    </tr>
+  </table>
+</div>
+
+## Features
+
+- Animated collapsible header with parallax effect
+- Smooth title transition from header to navigation bar
+- Optional sticky component support
+- Fully customizable header and title styles
+- Separate background and content layers in header
+- TypeScript support
+
+## Installation
+
+```sh
+npm install react-native-animated-header-flat-list
+```
+
+## Required Peer Dependencies
+
+This library requires the following peer dependencies to be installed in your project:
+
+```sh
+npm install @react-navigation/native @react-navigation/native-stack @react-navigation/elements react-native-reanimated react-native-safe-area-context
+```
+
+Make sure to follow the installation instructions for each dependency:
+
+- [React Navigation](https://reactnavigation.org/docs/getting-started)
+- [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started)
+- [React Native Safe Area Context](https://github.com/th3rdwave/react-native-safe-area-context#getting-started)
+
+### Additional Setup
+
+For React Native Reanimated, add this to your `babel.config.js`:
+```js
+module.exports = {
+  plugins: [
+    'react-native-reanimated/plugin',
+  ],
+};
+```
+
+## Usage
+
+```tsx
+import { useNavigation } from '@react-navigation/native';
+import type { NativeStackNavigationProp } from '@react-navigation/native-stack';
+import { useCallback } from 'react';
+import { Image, ImageBackground, StyleSheet, Text, View } from 'react-native';
+import { AnimatedHeaderFlatList } from 'react-native-animated-header-flat-list';
+
+export default function HomeScreen() {
+  const navigation = useNavigation<NativeStackNavigationProp<any>>();
+  const data = Array.from({ length: 50 }, (_, index) => ({
+    id: `item-${index}`,
+    title: `Item ${index + 1}`,
+    description: 'Lorem ipsum dolor sit amet',
+  }));
+  const title = 'Animated Title';
+  const backgroundImageUrl =
+    'https://images.unsplash.com/photo-1579546929518-9e396f3cc809';
+  const avatarUrl = 'https://api.dicebear.com/7.x/avataaars/png?seed=John';
+
+  const HeaderBackground = useCallback(
+    () => (
+      <ImageBackground
+        source={{ uri: backgroundImageUrl }}
+        style={styles.headerBackground}
+      />
+    ),
+    [backgroundImageUrl]
+  );
+
+  const HeaderContent = useCallback(
+    () => (
+      <View style={styles.headerContent}>
+        <Image source={{ uri: avatarUrl }} style={styles.avatar} />
+      </View>
+    ),
+    [avatarUrl]
+  );
+
+  const StickyComponent = useCallback(
+    () => <Text style={styles.stickyComponent}>Sticky Item</Text>,
+    []
+  );
+
+  const renderItem = useCallback(
+    ({
+      item,
+    }: {
+      item: { id: string; title: string; description: string };
+    }) => (
+      <View style={styles.listItem}>
+        <Text style={styles.itemTitle}>{item.title}</Text>
+        <Text style={styles.itemDescription}>{item.description}</Text>
+      </View>
+    ),
+    []
+  );
+
+  return (
+    <AnimatedHeaderFlatList
+      navigation={navigation}
+      title={title}
+      headerTitleStyle={styles.headerTitle}
+      navigationTitleStyle={styles.navigationTitle}
+      HeaderBackground={HeaderBackground}
+      HeaderContent={HeaderContent}
+      StickyComponent={StickyComponent}
+      data={data}
+      renderItem={renderItem}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  headerBackground: {
+    backgroundColor: 'white',
+    height: 300,
+    width: '100%',
+  },
+  headerContent: {
+    height: 300,
+    width: '100%',
+  },
+  avatar: {
+    position: 'absolute',
+    top: 80,
+    left: 10,
+    backgroundColor: 'white',
+    width: 120,
+    height: 120,
+    borderRadius: 60,
+    borderWidth: 2,
+    borderColor: 'white',
+  },
+  headerTitle: {
+    position: 'absolute',
+    top: 200,
+    left: 10,
+    fontSize: 30,
+    fontWeight: 'bold',
+    color: 'white',
+  },
+  navigationTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    color: 'white',
+  },
+  stickyComponent: {
+    backgroundColor: 'white',
+    padding: 15,
+    borderWidth: 1,
+    borderColor: '#EEEEEE',
+  },
+  listItem: {
+    padding: 15,
+    borderBottomWidth: 1,
+    borderBottomColor: '#EEEEEE',
+    backgroundColor: 'white',
+  },
+  itemTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+  },
+  itemDescription: {
+    fontSize: 14,
+    color: '#666666',
+    marginTop: 4,
+  },
+});
+```
+
+### Props
+
+| Prop                   | Type                 | Required | Description                                                                                                               |
+| -------------------    | -------------------  | -------- | ------------------------------------------------------------------------------------------------------------------------- |
+| `navigation`           | NavigationProp<any>  | Yes      | React Navigation navigation prop                                                                                          |
+| `title`                | string               | Yes      | The title text that will animate between header and navigation bar                                                        |
+| `headerTitleStyle`     | StyleProp<TextStyle> | No       | Style object for the title in the header. Supports all Text style props. Position is relative to header container         |
+| `navigationTitleStyle` | StyleProp<TextStyle> | No       | Style object for the title in the navigation bar. Supports all Text style props except position-related properties        |
+| `HeaderBackground`     | React.ComponentType  | Yes      | Component to be rendered as the header background                                                                         |
+| `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                                                                   |
+| `...FlatListProps`     | FlatListProps        | -        | All standard FlatList props are supported                                                                                 |
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/commonjs/components/AnimatedHeaderFlatList.js

@@ -0,0 +1,195 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimatedHeaderFlatList = AnimatedHeaderFlatList;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useAnimatedHeaderFlatListAnimatedStyles = require("../hooks/useAnimatedHeaderFlatListAnimatedStyles.js");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// Types
+
+function AnimatedHeaderFlatList({
+  navigation,
+  title,
+  headerTitleStyle,
+  navigationTitleStyle,
+  HeaderBackground,
+  HeaderContent,
+  StickyComponent,
+  style,
+  ...flatListProps
+}) {
+  const getFontSizeFromStyle = (0, _react.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
+  } = (0, _useAnimatedHeaderFlatListAnimatedStyles.useAnimatedHeaderFlatListAnimatedStyles)({
+    headerTitleFontSize: getFontSizeFromStyle(headerTitleStyle),
+    navigationTitleFontSize: getFontSizeFromStyle(navigationTitleStyle)
+  });
+  const navigationTitle = (0, _react.useCallback)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+    style: [navigationTitleAnimatedStyle, navigationTitleStyle, styles.titleStyle],
+    numberOfLines: 1,
+    children: title
+  }), [navigationTitleAnimatedStyle, navigationTitleStyle, title]);
+  (0, _react.useLayoutEffect)(() => {
+    navigation.setOptions({
+      headerShown: true,
+      headerStyle: styles.navigationBar,
+      headerShadowVisible: false,
+      headerTransparent: true,
+      headerTitle: navigationTitle,
+      headerTitleAlign: 'center'
+    });
+  }, [navigationTitle, navigation]);
+  const ListHeaderComponent = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.headerWrapper,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.headerContainer, {
+          top: -navigationBarHeight
+        }],
+        onLayout: event => {
+          setHeaderLayout({
+            ...event.nativeEvent.layout,
+            height: event.nativeEvent.layout.height + navigationBarHeight
+          });
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: headerBackgroundAnimatedStyle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeaderBackground, {})
+        }), HeaderContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: [headerContentAnimatedStyle, styles.headerContentContainer],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeaderContent, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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 = (0, _react.useCallback)(({
+    item
+  }) => {
+    if (item === 'HEADER') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.stickyHeaderContainer, {
+          height: navigationBarHeight + stickyComponentLayout.height
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+          style: [stickyHeaderAnimatedStyle, styles.stickyHeader, {
+            bottom: headerLayout.height - navigationBarHeight * 2 + stickyComponentLayout.height
+          }],
+          children: ListHeaderComponent
+        }), StickyComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.stickyComponentContainer,
+          onLayout: event => {
+            setStickyComponentLayout(event.nativeEvent.layout);
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.FlatList, {
+    ...flatListProps,
+    style: style,
+    stickyHeaderHiddenOnScroll: false,
+    stickyHeaderIndices: [1],
+    ListHeaderComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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 = _reactNative.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/commonjs/components/AnimatedHeaderFlatList.js.map

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

package/lib/commonjs/hooks/useAnimatedHeaderFlatListAnimatedStyles.js

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

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

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

package/lib/commonjs/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AnimatedHeaderFlatList", {
+  enumerable: true,
+  get: function () {
+    return _AnimatedHeaderFlatList.AnimatedHeaderFlatList;
+  }
+});
+var _AnimatedHeaderFlatList = require("./components/AnimatedHeaderFlatList.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AnimatedHeaderFlatList","require"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA","ignoreList":[]}