react-native-animated-header-flat-list 1.6.4 → 1.6.6
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.
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useLayoutEffect, useCallback, useMemo
|
|
3
|
+
import { forwardRef, useLayoutEffect, useCallback, useMemo } from 'react';
|
|
4
4
|
import { StatusBar, StyleSheet, View } from 'react-native';
|
|
5
5
|
import Animated from 'react-native-reanimated';
|
|
6
|
-
import { useNavigation } from '@react-navigation/native';
|
|
7
6
|
import { useAnimatedHeaderFlatListAnimatedStyles } from "../hooks/useAnimatedHeaderFlatListAnimatedStyles.js";
|
|
8
7
|
import { getFontSizeFromStyle } from "../utils/styleUtils.js";
|
|
8
|
+
import { useNavigation } from '@react-navigation/native';
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
10
10
|
const HEADER_ITEM = 'REACT_NATIVE_ANIMATED_HEADER_FLAT_LIST_HEADER';
|
|
11
11
|
function AnimatedHeaderFlatListInner({
|
|
@@ -44,8 +44,8 @@ function AnimatedHeaderFlatListInner({
|
|
|
44
44
|
navigationTitleTranslateY
|
|
45
45
|
});
|
|
46
46
|
const navigationTitle = useCallback(() => /*#__PURE__*/_jsx(Animated.View, {
|
|
47
|
-
style:
|
|
48
|
-
children: /*#__PURE__*/_jsx(Animated.Text, {
|
|
47
|
+
style: navigationTitleAnimatedStyle,
|
|
48
|
+
children: title.length > 0 && /*#__PURE__*/_jsx(Animated.Text, {
|
|
49
49
|
style: navigationTitleStyle,
|
|
50
50
|
numberOfLines: 1,
|
|
51
51
|
children: title
|
|
@@ -85,11 +85,11 @@ function AnimatedHeaderFlatListInner({
|
|
|
85
85
|
backgroundColor: navigationBarColor
|
|
86
86
|
}]
|
|
87
87
|
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
88
|
-
style:
|
|
88
|
+
style: headerTitleAnimatedStyle,
|
|
89
89
|
onLayout: event => {
|
|
90
90
|
setHeaderTitleLayout(event.nativeEvent.layout);
|
|
91
91
|
},
|
|
92
|
-
children: /*#__PURE__*/_jsx(Animated.Text, {
|
|
92
|
+
children: title.length > 0 && /*#__PURE__*/_jsx(Animated.Text, {
|
|
93
93
|
numberOfLines: 1,
|
|
94
94
|
style: [styles.headerTitle, headerTitleStyle],
|
|
95
95
|
children: title
|
|
@@ -155,13 +155,6 @@ const styles = StyleSheet.create({
|
|
|
155
155
|
navigationBar: {
|
|
156
156
|
backgroundColor: 'transparent'
|
|
157
157
|
},
|
|
158
|
-
navigationTitleContainer: {
|
|
159
|
-
flex: 1,
|
|
160
|
-
justifyContent: 'center',
|
|
161
|
-
alignItems: 'center',
|
|
162
|
-
width: '100%',
|
|
163
|
-
minHeight: 44
|
|
164
|
-
},
|
|
165
158
|
headerWrapper: {
|
|
166
159
|
overflow: 'visible'
|
|
167
160
|
},
|
|
@@ -188,14 +181,6 @@ const styles = StyleSheet.create({
|
|
|
188
181
|
left: 0,
|
|
189
182
|
right: 0
|
|
190
183
|
},
|
|
191
|
-
headerTitleContainer: {
|
|
192
|
-
position: 'absolute',
|
|
193
|
-
bottom: 0,
|
|
194
|
-
left: 0,
|
|
195
|
-
right: 0,
|
|
196
|
-
justifyContent: 'center',
|
|
197
|
-
alignItems: 'center'
|
|
198
|
-
},
|
|
199
184
|
headerTitle: {
|
|
200
185
|
position: 'absolute'
|
|
201
186
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useLayoutEffect","useCallback","useMemo","
|
|
1
|
+
{"version":3,"names":["forwardRef","useLayoutEffect","useCallback","useMemo","StatusBar","StyleSheet","View","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","style","children","length","Text","numberOfLines","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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AnimatedHeaderFlatList.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedHeaderFlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,SAAS,EAKd,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;AA8RR,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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-animated-header-flat-list",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.6",
|
|
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/module/index.js",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
|
-
useLayoutEffect,
|
|
3
|
-
useCallback,
|
|
4
|
-
useMemo,
|
|
5
2
|
type ReactElement,
|
|
6
3
|
type RefObject,
|
|
7
4
|
forwardRef,
|
|
5
|
+
useLayoutEffect,
|
|
6
|
+
useCallback,
|
|
7
|
+
useMemo,
|
|
8
8
|
type ComponentType,
|
|
9
9
|
type ForwardedRef,
|
|
10
10
|
} from 'react';
|
|
@@ -21,9 +21,9 @@ import {
|
|
|
21
21
|
} from 'react-native';
|
|
22
22
|
import type { FlatListPropsWithLayout } from 'react-native-reanimated';
|
|
23
23
|
import Animated from 'react-native-reanimated';
|
|
24
|
-
import { useNavigation } from '@react-navigation/native';
|
|
25
24
|
import { useAnimatedHeaderFlatListAnimatedStyles } from '../hooks/useAnimatedHeaderFlatListAnimatedStyles';
|
|
26
25
|
import { getFontSizeFromStyle } from '../utils/styleUtils';
|
|
26
|
+
import { useNavigation } from '@react-navigation/native';
|
|
27
27
|
|
|
28
28
|
interface Props {
|
|
29
29
|
title: string;
|
|
@@ -87,12 +87,12 @@ function AnimatedHeaderFlatListInner<T>(
|
|
|
87
87
|
|
|
88
88
|
const navigationTitle = useCallback(
|
|
89
89
|
() => (
|
|
90
|
-
<Animated.View
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
90
|
+
<Animated.View style={navigationTitleAnimatedStyle}>
|
|
91
|
+
{title.length > 0 && (
|
|
92
|
+
<Animated.Text style={navigationTitleStyle} numberOfLines={1}>
|
|
93
|
+
{title}
|
|
94
|
+
</Animated.Text>
|
|
95
|
+
)}
|
|
96
96
|
</Animated.View>
|
|
97
97
|
),
|
|
98
98
|
[navigationTitleAnimatedStyle, navigationTitleStyle, title]
|
|
@@ -147,18 +147,20 @@ function AnimatedHeaderFlatListInner<T>(
|
|
|
147
147
|
/>
|
|
148
148
|
)}
|
|
149
149
|
<Animated.View
|
|
150
|
-
style={
|
|
150
|
+
style={headerTitleAnimatedStyle}
|
|
151
151
|
onLayout={(event: LayoutChangeEvent) => {
|
|
152
152
|
setHeaderTitleLayout(event.nativeEvent.layout);
|
|
153
153
|
}}
|
|
154
154
|
>
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
155
|
+
{title.length > 0 && (
|
|
156
|
+
<Animated.Text
|
|
157
|
+
key={`${key}-title`}
|
|
158
|
+
numberOfLines={1}
|
|
159
|
+
style={[styles.headerTitle, headerTitleStyle]}
|
|
160
|
+
>
|
|
161
|
+
{title}
|
|
162
|
+
</Animated.Text>
|
|
163
|
+
)}
|
|
162
164
|
</Animated.View>
|
|
163
165
|
</View>
|
|
164
166
|
</View>
|
|
@@ -282,13 +284,6 @@ const styles = StyleSheet.create({
|
|
|
282
284
|
navigationBar: {
|
|
283
285
|
backgroundColor: 'transparent',
|
|
284
286
|
},
|
|
285
|
-
navigationTitleContainer: {
|
|
286
|
-
flex: 1,
|
|
287
|
-
justifyContent: 'center',
|
|
288
|
-
alignItems: 'center',
|
|
289
|
-
width: '100%',
|
|
290
|
-
minHeight: 44,
|
|
291
|
-
},
|
|
292
287
|
headerWrapper: {
|
|
293
288
|
overflow: 'visible',
|
|
294
289
|
},
|
|
@@ -315,14 +310,6 @@ const styles = StyleSheet.create({
|
|
|
315
310
|
left: 0,
|
|
316
311
|
right: 0,
|
|
317
312
|
},
|
|
318
|
-
headerTitleContainer: {
|
|
319
|
-
position: 'absolute',
|
|
320
|
-
bottom: 0,
|
|
321
|
-
left: 0,
|
|
322
|
-
right: 0,
|
|
323
|
-
justifyContent: 'center',
|
|
324
|
-
alignItems: 'center',
|
|
325
|
-
},
|
|
326
313
|
headerTitle: {
|
|
327
314
|
position: 'absolute',
|
|
328
315
|
},
|