react-native-animated-header-flat-list 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -3
- package/lib/commonjs/components/AnimatedHeaderFlatList.js.map +1 -1
- package/lib/module/components/AnimatedHeaderFlatList.js.map +1 -1
- package/lib/typescript/commonjs/src/components/AnimatedHeaderFlatList.d.ts +1 -2
- package/lib/typescript/commonjs/src/components/AnimatedHeaderFlatList.d.ts.map +1 -1
- package/lib/typescript/module/src/components/AnimatedHeaderFlatList.d.ts +1 -2
- package/lib/typescript/module/src/components/AnimatedHeaderFlatList.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/AnimatedHeaderFlatList.tsx +1 -2
package/README.md
CHANGED
|
@@ -76,13 +76,12 @@ CAUTION: `react-native-reanimated/plugin` has to be listed last.
|
|
|
76
76
|
|
|
77
77
|
```tsx
|
|
78
78
|
import { useNavigation } from '@react-navigation/native';
|
|
79
|
-
import type { NativeStackNavigationProp } from '@react-navigation/native-stack';
|
|
80
79
|
import { useCallback } from 'react';
|
|
81
80
|
import { Image, ImageBackground, StyleSheet, Text, View } from 'react-native';
|
|
82
81
|
import { AnimatedHeaderFlatList } from 'react-native-animated-header-flat-list';
|
|
83
82
|
|
|
84
83
|
export default function HomeScreen() {
|
|
85
|
-
const navigation = useNavigation
|
|
84
|
+
const navigation = useNavigation();
|
|
86
85
|
const data = Array.from({ length: 50 }, (_, index) => ({
|
|
87
86
|
id: `item-${index}`,
|
|
88
87
|
title: `Item ${index + 1}`,
|
|
@@ -208,7 +207,7 @@ const styles = StyleSheet.create({
|
|
|
208
207
|
|
|
209
208
|
| Prop | Type | Required | Description |
|
|
210
209
|
| ---------------------- | -------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------- |
|
|
211
|
-
| `navigation` |
|
|
210
|
+
| `navigation` | any | Yes | React Navigation navigation prop |
|
|
212
211
|
| `title` | string | Yes | The title text that will animate between header and navigation bar |
|
|
213
212
|
| `headerTitleStyle` | StyleProp<TextStyle> | No | Style object for the title in the header. Supports all Text style props. Position is relative to header container |
|
|
214
213
|
| `navigationTitleStyle` | StyleProp<TextStyle> | No | Style object for the title in the navigation bar. Supports all Text style props except position-related properties |
|
|
@@ -1 +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","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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;
|
|
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","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":[]}
|
|
@@ -1 +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","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":";;AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SACEC,SAAS,EACTC,UAAU,EACVC,IAAI,QAMC,cAAc;AACrB,SAASC,eAAe,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;
|
|
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","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":[]}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ColorValue, type StyleProp, type TextStyle } from 'react-native';
|
|
3
3
|
import type { FlatListPropsWithLayout } from 'react-native-reanimated';
|
|
4
|
-
import { type NavigationProp } from '@react-navigation/native';
|
|
5
4
|
interface Props {
|
|
6
|
-
navigation:
|
|
5
|
+
navigation: any;
|
|
7
6
|
title: string;
|
|
8
7
|
navigationBarColor?: ColorValue;
|
|
9
8
|
headerTitleStyle?: StyleProp<TextStyle>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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;
|
|
1
|
+
{"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;AAKvE,UAAU,KAAK;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ColorValue, type StyleProp, type TextStyle } from 'react-native';
|
|
3
3
|
import type { FlatListPropsWithLayout } from 'react-native-reanimated';
|
|
4
|
-
import { type NavigationProp } from '@react-navigation/native';
|
|
5
4
|
interface Props {
|
|
6
|
-
navigation:
|
|
5
|
+
navigation: any;
|
|
7
6
|
title: string;
|
|
8
7
|
navigationBarColor?: ColorValue;
|
|
9
8
|
headerTitleStyle?: StyleProp<TextStyle>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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;
|
|
1
|
+
{"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;AAKvE,UAAU,KAAK;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-animated-header-flat-list",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.1",
|
|
4
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.",
|
|
5
5
|
"source": "./src/index.tsx",
|
|
6
6
|
"main": "./lib/commonjs/index.js",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"@commitlint/config-conventional": "17.7.0",
|
|
70
70
|
"@evilmartians/lefthook": "^1.8.5",
|
|
71
71
|
"@react-native/eslint-config": "0.73.1",
|
|
72
|
-
"@react-navigation/elements": "^2.2.
|
|
72
|
+
"@react-navigation/elements": "^2.2.5",
|
|
73
73
|
"@react-navigation/native": "^7.0.14",
|
|
74
74
|
"@react-navigation/native-stack": "^7.2.0",
|
|
75
75
|
"@release-it/conventional-changelog": "7.0.0",
|
|
@@ -11,13 +11,12 @@ import {
|
|
|
11
11
|
} from 'react-native';
|
|
12
12
|
import { useLayoutEffect, useCallback, useMemo } from 'react';
|
|
13
13
|
import type { FlatListPropsWithLayout } from 'react-native-reanimated';
|
|
14
|
-
import { type NavigationProp } from '@react-navigation/native';
|
|
15
14
|
import Animated from 'react-native-reanimated';
|
|
16
15
|
import { useAnimatedHeaderFlatListAnimatedStyles } from '../hooks/useAnimatedHeaderFlatListAnimatedStyles';
|
|
17
16
|
import { getFontSizeFromStyle } from '../utils/styleUtils';
|
|
18
17
|
|
|
19
18
|
interface Props {
|
|
20
|
-
navigation:
|
|
19
|
+
navigation: any;
|
|
21
20
|
title: string;
|
|
22
21
|
navigationBarColor?: ColorValue;
|
|
23
22
|
headerTitleStyle?: StyleProp<TextStyle>;
|