react-native-animated-header-flat-list 1.6.2 → 1.6.4

package/lib/module/components/AnimatedHeaderFlatList.js

@@ -1,12 +1,11 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { useLayoutEffect, useCallback, useMemo, forwardRef } from 'react';
 import { StatusBar, StyleSheet, View } from 'react-native';
-import { useLayoutEffect, useCallback, useMemo } from 'react';
 import Animated from 'react-native-reanimated';
+import { useNavigation } from '@react-navigation/native';
 import { useAnimatedHeaderFlatListAnimatedStyles } from "../hooks/useAnimatedHeaderFlatListAnimatedStyles.js";
 import { getFontSizeFromStyle } from "../utils/styleUtils.js";
-import { useNavigation } from '@react-navigation/native';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const HEADER_ITEM = 'REACT_NATIVE_ANIMATED_HEADER_FLAT_LIST_HEADER';
 function AnimatedHeaderFlatListInner({
@@ -44,10 +43,13 @@ function AnimatedHeaderFlatListInner({
     navigationTitleTranslateX,
     navigationTitleTranslateY
   });
-  const navigationTitle = useCallback(() => /*#__PURE__*/_jsx(Animated.Text, {
-    style: [navigationTitleAnimatedStyle, navigationTitleStyle],
-    numberOfLines: 1,
-    children: title
+  const navigationTitle = useCallback(() => /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.navigationTitleContainer, navigationTitleAnimatedStyle],
+    children: /*#__PURE__*/_jsx(Animated.Text, {
+      style: navigationTitleStyle,
+      numberOfLines: 1,
+      children: title
+    })
   }), [navigationTitleAnimatedStyle, navigationTitleStyle, title]);
   useLayoutEffect(() => {
     navigation.setOptions({
@@ -82,14 +84,17 @@ function AnimatedHeaderFlatListInner({
           style: [navigationBarAnimatedStyle, styles.animatedNavigationBar, {
             backgroundColor: navigationBarColor
           }]
-        }), /*#__PURE__*/_jsx(Animated.Text, {
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.headerTitleContainer, headerTitleAnimatedStyle],
           onLayout: event => {
             setHeaderTitleLayout(event.nativeEvent.layout);
           },
-          numberOfLines: 1,
-          style: [headerTitleAnimatedStyle, styles.headerTitle, headerTitleStyle],
-          children: title
-        }, `${key}-title`)]
+          children: /*#__PURE__*/_jsx(Animated.Text, {
+            numberOfLines: 1,
+            style: [styles.headerTitle, headerTitleStyle],
+            children: title
+          }, `${key}-title`)
+        })]
       })
     }, key);
   }, [navigationBarHeight, parallax, headerBackgroundAnimatedStyle, HeaderBackground, HeaderContent, headerContentAnimatedStyle, headerTitleAnimatedStyle, headerTitleStyle, title, setHeaderLayout, setHeaderTitleLayout, navigationBarAnimatedStyle, navigationBarColor]);
@@ -150,6 +155,13 @@ const styles = StyleSheet.create({
   navigationBar: {
     backgroundColor: 'transparent'
   },
+  navigationTitleContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    minHeight: 44
+  },
   headerWrapper: {
     overflow: 'visible'
   },
@@ -176,6 +188,14 @@ const styles = StyleSheet.create({
     left: 0,
     right: 0
   },
+  headerTitleContainer: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
   headerTitle: {
     position: 'absolute'
   },

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

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

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

@@ -1,4 +1,4 @@
-import { type ReactElement, type RefObject } from 'react';
+import { type ReactElement, type RefObject, type ComponentType } from 'react';
 import { FlatList, type ColorValue, type StyleProp, type TextStyle } from 'react-native';
 import type { FlatListPropsWithLayout } from 'react-native-reanimated';
 interface Props {
@@ -6,9 +6,9 @@ interface Props {
     navigationBarColor?: ColorValue;
     headerTitleStyle?: StyleProp<TextStyle>;
     navigationTitleStyle?: StyleProp<TextStyle>;
-    HeaderBackground: React.ComponentType;
-    HeaderContent?: React.ComponentType;
-    StickyComponent?: React.ComponentType;
+    HeaderBackground: ComponentType;
+    HeaderContent?: ComponentType;
+    StickyComponent?: ComponentType;
     parallax?: boolean;
     navigationTitleTranslateX?: number;
     navigationTitleTranslateY?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,QAAQ,EAIR,KAAK,UAAU,EAGf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAMvE,UAAU,KAAK;IACb,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;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,KAAK,2BAA2B,CAAC,CAAC,IAAI,IAAI,CACxC,uBAAuB,CAAC,CAAC,CAAC,EAC1B,MAAM,KAAK,CACZ,GACC,KAAK,CAAC;AA2RR,eAAO,MAAM,sBAAsB,EAE9B,CAAC,CAAC,EACL,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,GAAG;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CACrC,KACE,YAAY,CAAC"}
+{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,aAAa,EAEnB,MAAM,OAAO,CAAC;AACf,OAAO,EACL,QAAQ,EAIR,KAAK,UAAU,EAGf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAMvE,UAAU,KAAK;IACb,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,aAAa,CAAC;IAChC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,KAAK,2BAA2B,CAAC,CAAC,IAAI,IAAI,CACxC,uBAAuB,CAAC,CAAC,CAAC,EAC1B,MAAM,KAAK,CACZ,GACC,KAAK,CAAC;AA2SR,eAAO,MAAM,sBAAsB,EAE9B,CAAC,CAAC,EACL,KAAK,EAAE,2BAA2B,CAAC,CAAC,CAAC,GAAG;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CACrC,KACE,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-animated-header-flat-list",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "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/module/index.js",

package/src/components/AnimatedHeaderFlatList.tsx

@@ -1,4 +1,13 @@
-import { type ReactElement, type RefObject, forwardRef } from 'react';
+import {
+  useLayoutEffect,
+  useCallback,
+  useMemo,
+  type ReactElement,
+  type RefObject,
+  forwardRef,
+  type ComponentType,
+  type ForwardedRef,
+} from 'react';
 import {
   FlatList,
   StatusBar,
@@ -10,21 +19,20 @@ import {
   type StyleProp,
   type TextStyle,
 } from 'react-native';
-import { useLayoutEffect, useCallback, useMemo } from 'react';
 import type { FlatListPropsWithLayout } from 'react-native-reanimated';
 import Animated from 'react-native-reanimated';
+import { useNavigation } from '@react-navigation/native';
 import { useAnimatedHeaderFlatListAnimatedStyles } from '../hooks/useAnimatedHeaderFlatListAnimatedStyles';
 import { getFontSizeFromStyle } from '../utils/styleUtils';
-import { useNavigation } from '@react-navigation/native';
 
 interface Props {
   title: string;
   navigationBarColor?: ColorValue;
   headerTitleStyle?: StyleProp<TextStyle>;
   navigationTitleStyle?: StyleProp<TextStyle>;
-  HeaderBackground: React.ComponentType;
-  HeaderContent?: React.ComponentType;
-  StickyComponent?: React.ComponentType;
+  HeaderBackground: ComponentType;
+  HeaderContent?: ComponentType;
+  StickyComponent?: ComponentType;
   parallax?: boolean;
   navigationTitleTranslateX?: number;
   navigationTitleTranslateY?: number;
@@ -52,7 +60,7 @@ function AnimatedHeaderFlatListInner<T>(
     navigationTitleTranslateY = 0,
     ...flatListProps
   }: AnimatedHeaderFlatListProps<T>,
-  ref: React.ForwardedRef<FlatList<T>>
+  ref: ForwardedRef<FlatList<T>>
 ) {
   const navigation = useNavigation();
   const {
@@ -79,12 +87,13 @@ function AnimatedHeaderFlatListInner<T>(
 
   const navigationTitle = useCallback(
     () => (
-      <Animated.Text
-        style={[navigationTitleAnimatedStyle, navigationTitleStyle]}
-        numberOfLines={1}
+      <Animated.View
+        style={[styles.navigationTitleContainer, navigationTitleAnimatedStyle]}
       >
-        {title}
-      </Animated.Text>
+        <Animated.Text style={navigationTitleStyle} numberOfLines={1}>
+          {title}
+        </Animated.Text>
+      </Animated.View>
     ),
     [navigationTitleAnimatedStyle, navigationTitleStyle, title]
   );
@@ -137,20 +146,20 @@ function AnimatedHeaderFlatListInner<T>(
                 ]}
               />
             )}
-            <Animated.Text
-              key={`${key}-title`}
+            <Animated.View
+              style={[styles.headerTitleContainer, headerTitleAnimatedStyle]}
               onLayout={(event: LayoutChangeEvent) => {
                 setHeaderTitleLayout(event.nativeEvent.layout);
               }}
-              numberOfLines={1}
-              style={[
-                headerTitleAnimatedStyle,
-                styles.headerTitle,
-                headerTitleStyle,
-              ]}
             >
-              {title}
-            </Animated.Text>
+              <Animated.Text
+                key={`${key}-title`}
+                numberOfLines={1}
+                style={[styles.headerTitle, headerTitleStyle]}
+              >
+                {title}
+              </Animated.Text>
+            </Animated.View>
           </View>
         </View>
       );
@@ -273,6 +282,13 @@ const styles = StyleSheet.create({
   navigationBar: {
     backgroundColor: 'transparent',
   },
+  navigationTitleContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '100%',
+    minHeight: 44,
+  },
   headerWrapper: {
     overflow: 'visible',
   },
@@ -299,6 +315,14 @@ const styles = StyleSheet.create({
     left: 0,
     right: 0,
   },
+  headerTitleContainer: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
   headerTitle: {
     position: 'absolute',
   },