react-native-animated-header-flat-list 1.4.2 → 1.4.3
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/LICENSE +1 -1
- package/lib/module/components/AnimatedHeaderFlatList.js +1 -1
- package/lib/module/components/AnimatedHeaderFlatList.js.map +1 -1
- package/lib/typescript/src/components/AnimatedHeaderFlatList.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/utils/styleUtils.d.ts.map +1 -0
- package/package.json +33 -50
- package/src/components/AnimatedHeaderFlatList.tsx +1 -1
- package/lib/commonjs/components/AnimatedHeaderFlatList.js +0 -200
- package/lib/commonjs/components/AnimatedHeaderFlatList.js.map +0 -1
- package/lib/commonjs/hooks/useAnimatedHeaderFlatListAnimatedStyles.js +0 -130
- package/lib/commonjs/hooks/useAnimatedHeaderFlatListAnimatedStyles.js.map +0 -1
- package/lib/commonjs/index.js +0 -13
- package/lib/commonjs/index.js.map +0 -1
- package/lib/commonjs/utils/styleUtils.js +0 -21
- package/lib/commonjs/utils/styleUtils.js.map +0 -1
- package/lib/typescript/commonjs/package.json +0 -1
- package/lib/typescript/commonjs/src/components/AnimatedHeaderFlatList.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/index.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/utils/styleUtils.d.ts.map +0 -1
- package/lib/typescript/module/package.json +0 -1
- package/lib/typescript/module/src/components/AnimatedHeaderFlatList.d.ts +0 -20
- package/lib/typescript/module/src/components/AnimatedHeaderFlatList.d.ts.map +0 -1
- package/lib/typescript/module/src/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts +0 -28
- package/lib/typescript/module/src/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts.map +0 -1
- package/lib/typescript/module/src/index.d.ts +0 -3
- package/lib/typescript/module/src/index.d.ts.map +0 -1
- package/lib/typescript/module/src/utils/styleUtils.d.ts +0 -3
- package/lib/typescript/module/src/utils/styleUtils.d.ts.map +0 -1
- /package/lib/typescript/{commonjs/src → src}/components/AnimatedHeaderFlatList.d.ts +0 -0
- /package/lib/typescript/{commonjs/src → src}/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts +0 -0
- /package/lib/typescript/{commonjs/src → src}/index.d.ts +0 -0
- /package/lib/typescript/{commonjs/src → src}/utils/styleUtils.d.ts +0 -0
package/LICENSE
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
MIT License
|
|
2
2
|
|
|
3
|
-
Copyright (c)
|
|
3
|
+
Copyright (c) 2025 Karen
|
|
4
4
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
5
5
|
of this software and associated documentation files (the "Software"), to deal
|
|
6
6
|
in the Software without restriction, including without limitation the rights
|
|
@@ -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","navigationTitleTranslateX","navigationTitleTranslateY","flatListProps","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","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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
|
|
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","navigationTitleTranslateX","navigationTitleTranslateY","flatListProps","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","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","width"],"sourceRoot":"../../../src","sources":["components/AnimatedHeaderFlatList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +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;AAKvE,UAAU,KAAK;IAEb,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;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;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,yBAA6B,EAC7B,yBAA6B,EAC7B,GAAG,aAAa,EACjB,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAgNhC"}
|
|
@@ -0,0 +1 @@
|
|
|
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;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,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,0BAA0B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrD,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,GAAI,yGAKrD,yCAAyC,KAAG,oCAmL9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/styleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,WAAW,SAAS,CAAC,SAAS,CAAC,uBAgBnE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-animated-header-flat-list",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.3",
|
|
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
|
-
"main": "./lib/
|
|
7
|
-
"
|
|
6
|
+
"main": "./lib/module/index.js",
|
|
7
|
+
"types": "./lib/typescript/src/index.d.ts",
|
|
8
8
|
"exports": {
|
|
9
9
|
".": {
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"require": {
|
|
15
|
-
"types": "./lib/typescript/commonjs/src/index.d.ts",
|
|
16
|
-
"default": "./lib/commonjs/index.js"
|
|
17
|
-
}
|
|
18
|
-
}
|
|
10
|
+
"types": "./lib/typescript/src/index.d.ts",
|
|
11
|
+
"default": "./lib/module/index.js"
|
|
12
|
+
},
|
|
13
|
+
"./package.json": "./package.json"
|
|
19
14
|
},
|
|
20
15
|
"files": [
|
|
21
16
|
"src",
|
|
@@ -43,8 +38,7 @@
|
|
|
43
38
|
"lint": "eslint \"**/*.{js,ts,tsx}\"",
|
|
44
39
|
"clean": "del-cli lib",
|
|
45
40
|
"prepare": "bob build",
|
|
46
|
-
"release": "release-it"
|
|
47
|
-
"format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\""
|
|
41
|
+
"release": "release-it"
|
|
48
42
|
},
|
|
49
43
|
"keywords": [
|
|
50
44
|
"react-native",
|
|
@@ -67,32 +61,32 @@
|
|
|
67
61
|
"registry": "https://registry.npmjs.org/"
|
|
68
62
|
},
|
|
69
63
|
"devDependencies": {
|
|
70
|
-
"@commitlint/config-conventional": "
|
|
71
|
-
"@
|
|
72
|
-
"@
|
|
73
|
-
"@
|
|
74
|
-
"@
|
|
75
|
-
"@react-
|
|
76
|
-
"@
|
|
77
|
-
"@
|
|
78
|
-
"@
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
64
|
+
"@commitlint/config-conventional": "^19.6.0",
|
|
65
|
+
"@eslint/compat": "^1.2.7",
|
|
66
|
+
"@eslint/eslintrc": "^3.3.0",
|
|
67
|
+
"@eslint/js": "^9.22.0",
|
|
68
|
+
"@evilmartians/lefthook": "^1.5.0",
|
|
69
|
+
"@react-native/eslint-config": "^0.78.0",
|
|
70
|
+
"@react-navigation/elements": "^2.3.8",
|
|
71
|
+
"@react-navigation/native": "^7.1.6",
|
|
72
|
+
"@react-navigation/native-stack": "^7.3.10",
|
|
73
|
+
"@release-it/conventional-changelog": "^9.0.2",
|
|
74
|
+
"@types/jest": "^29.5.5",
|
|
75
|
+
"@types/react": "^19.0.12",
|
|
76
|
+
"commitlint": "^19.6.1",
|
|
77
|
+
"del-cli": "^5.1.0",
|
|
78
|
+
"eslint": "^9.22.0",
|
|
79
|
+
"eslint-config-prettier": "^10.1.1",
|
|
80
|
+
"eslint-plugin-prettier": "^5.2.3",
|
|
84
81
|
"jest": "^29.7.0",
|
|
85
|
-
"prettier": "^3.
|
|
86
|
-
"react": "
|
|
87
|
-
"react-native": "0.
|
|
82
|
+
"prettier": "^3.0.3",
|
|
83
|
+
"react": "18.3.1",
|
|
84
|
+
"react-native": "0.76.9",
|
|
88
85
|
"react-native-builder-bob": "0.37.0",
|
|
89
|
-
"react-native-reanimated": "^3.17.
|
|
86
|
+
"react-native-reanimated": "^3.17.4",
|
|
90
87
|
"react-native-safe-area-context": "^5.3.0",
|
|
91
|
-
"release-it": "^
|
|
92
|
-
"typescript": "^5.
|
|
93
|
-
},
|
|
94
|
-
"resolutions": {
|
|
95
|
-
"@types/react": "^19.1.0"
|
|
88
|
+
"release-it": "^17.10.0",
|
|
89
|
+
"typescript": "^5.2.2"
|
|
96
90
|
},
|
|
97
91
|
"peerDependencies": {
|
|
98
92
|
"@react-navigation/elements": ">=2.0.0",
|
|
@@ -139,10 +133,6 @@
|
|
|
139
133
|
}
|
|
140
134
|
}
|
|
141
135
|
},
|
|
142
|
-
"eslintIgnore": [
|
|
143
|
-
"node_modules/",
|
|
144
|
-
"lib/"
|
|
145
|
-
],
|
|
146
136
|
"prettier": {
|
|
147
137
|
"quoteProps": "consistent",
|
|
148
138
|
"singleQuote": true,
|
|
@@ -154,12 +144,6 @@
|
|
|
154
144
|
"source": "src",
|
|
155
145
|
"output": "lib",
|
|
156
146
|
"targets": [
|
|
157
|
-
[
|
|
158
|
-
"commonjs",
|
|
159
|
-
{
|
|
160
|
-
"esm": true
|
|
161
|
-
}
|
|
162
|
-
],
|
|
163
147
|
[
|
|
164
148
|
"module",
|
|
165
149
|
{
|
|
@@ -169,8 +153,7 @@
|
|
|
169
153
|
[
|
|
170
154
|
"typescript",
|
|
171
155
|
{
|
|
172
|
-
"project": "tsconfig.build.json"
|
|
173
|
-
"esm": true
|
|
156
|
+
"project": "tsconfig.build.json"
|
|
174
157
|
}
|
|
175
158
|
]
|
|
176
159
|
]
|
|
@@ -178,6 +161,6 @@
|
|
|
178
161
|
"create-react-native-library": {
|
|
179
162
|
"languages": "js",
|
|
180
163
|
"type": "library",
|
|
181
|
-
"version": "0.
|
|
164
|
+
"version": "0.49.8"
|
|
182
165
|
}
|
|
183
166
|
}
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.AnimatedHeaderFlatList = AnimatedHeaderFlatList;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
10
|
-
var _useAnimatedHeaderFlatListAnimatedStyles = require("../hooks/useAnimatedHeaderFlatListAnimatedStyles.js");
|
|
11
|
-
var _styleUtils = require("../utils/styleUtils.js");
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
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); }
|
|
15
|
-
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; }
|
|
16
|
-
const HEADER_ITEM = 'REACT_NATIVE_ANIMATED_HEADER_FLAT_LIST_HEADER';
|
|
17
|
-
function AnimatedHeaderFlatList({
|
|
18
|
-
navigation,
|
|
19
|
-
title,
|
|
20
|
-
navigationBarColor,
|
|
21
|
-
headerTitleStyle,
|
|
22
|
-
navigationTitleStyle,
|
|
23
|
-
HeaderBackground,
|
|
24
|
-
HeaderContent,
|
|
25
|
-
StickyComponent,
|
|
26
|
-
parallax = true,
|
|
27
|
-
navigationTitleTranslateX = 0,
|
|
28
|
-
navigationTitleTranslateY = 0,
|
|
29
|
-
...flatListProps
|
|
30
|
-
}) {
|
|
31
|
-
const {
|
|
32
|
-
scrollHandler,
|
|
33
|
-
navigationBarHeight,
|
|
34
|
-
headerLayout,
|
|
35
|
-
setHeaderLayout,
|
|
36
|
-
setHeaderTitleLayout,
|
|
37
|
-
stickyComponentLayout,
|
|
38
|
-
setStickyComponentLayout,
|
|
39
|
-
stickyComponentAnimatedStyle,
|
|
40
|
-
navigationBarAnimatedStyle,
|
|
41
|
-
navigationTitleAnimatedStyle,
|
|
42
|
-
headerTitleAnimatedStyle,
|
|
43
|
-
stickyHeaderAnimatedStyle,
|
|
44
|
-
headerContentAnimatedStyle,
|
|
45
|
-
headerBackgroundAnimatedStyle
|
|
46
|
-
} = (0, _useAnimatedHeaderFlatListAnimatedStyles.useAnimatedHeaderFlatListAnimatedStyles)({
|
|
47
|
-
headerTitleFontSize: (0, _styleUtils.getFontSizeFromStyle)(headerTitleStyle),
|
|
48
|
-
navigationTitleFontSize: (0, _styleUtils.getFontSizeFromStyle)(navigationTitleStyle),
|
|
49
|
-
navigationTitleTranslateX,
|
|
50
|
-
navigationTitleTranslateY
|
|
51
|
-
});
|
|
52
|
-
const navigationTitle = (0, _react.useCallback)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
|
|
53
|
-
style: [navigationTitleAnimatedStyle, navigationTitleStyle],
|
|
54
|
-
numberOfLines: 1,
|
|
55
|
-
children: title
|
|
56
|
-
}), [navigationTitleAnimatedStyle, navigationTitleStyle, title]);
|
|
57
|
-
(0, _react.useLayoutEffect)(() => {
|
|
58
|
-
navigation.setOptions({
|
|
59
|
-
headerShown: true,
|
|
60
|
-
headerStyle: styles.navigationBar,
|
|
61
|
-
headerShadowVisible: false,
|
|
62
|
-
headerTransparent: true,
|
|
63
|
-
headerTitle: navigationTitle,
|
|
64
|
-
headerTitleAlign: 'center'
|
|
65
|
-
});
|
|
66
|
-
}, [navigationTitle, navigation]);
|
|
67
|
-
const ListHeaderComponent = (0, _react.useMemo)(() => {
|
|
68
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
69
|
-
style: styles.headerWrapper,
|
|
70
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
71
|
-
style: [styles.headerContainer, {
|
|
72
|
-
top: -navigationBarHeight
|
|
73
|
-
}],
|
|
74
|
-
onLayout: event => {
|
|
75
|
-
setHeaderLayout({
|
|
76
|
-
...event.nativeEvent.layout,
|
|
77
|
-
height: event.nativeEvent.layout.height + navigationBarHeight
|
|
78
|
-
});
|
|
79
|
-
},
|
|
80
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
81
|
-
style: parallax ? headerBackgroundAnimatedStyle : undefined,
|
|
82
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeaderBackground, {})
|
|
83
|
-
}), HeaderContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
84
|
-
style: [headerContentAnimatedStyle, styles.headerContentContainer],
|
|
85
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HeaderContent, {})
|
|
86
|
-
}), navigationBarColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
87
|
-
style: [navigationBarAnimatedStyle, styles.animatedNavigationBar, {
|
|
88
|
-
backgroundColor: navigationBarColor
|
|
89
|
-
}]
|
|
90
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
|
|
91
|
-
onLayout: event => {
|
|
92
|
-
setHeaderTitleLayout(event.nativeEvent.layout);
|
|
93
|
-
},
|
|
94
|
-
numberOfLines: 1,
|
|
95
|
-
style: [headerTitleAnimatedStyle, styles.headerTitle, headerTitleStyle],
|
|
96
|
-
children: title
|
|
97
|
-
})]
|
|
98
|
-
})
|
|
99
|
-
});
|
|
100
|
-
}, [navigationBarHeight, parallax, headerBackgroundAnimatedStyle, HeaderBackground, HeaderContent, headerContentAnimatedStyle, headerTitleAnimatedStyle, headerTitleStyle, title, setHeaderLayout, setHeaderTitleLayout, navigationBarAnimatedStyle, navigationBarColor]);
|
|
101
|
-
const renderItem = (0, _react.useCallback)(({
|
|
102
|
-
item
|
|
103
|
-
}) => {
|
|
104
|
-
if (item === HEADER_ITEM) {
|
|
105
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
106
|
-
style: [styles.stickyHeaderContainer, {
|
|
107
|
-
height: navigationBarHeight + stickyComponentLayout.height
|
|
108
|
-
}],
|
|
109
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
110
|
-
style: [stickyHeaderAnimatedStyle, styles.stickyHeader, {
|
|
111
|
-
bottom: headerLayout.height - navigationBarHeight * 2 + stickyComponentLayout.height
|
|
112
|
-
}],
|
|
113
|
-
children: ListHeaderComponent
|
|
114
|
-
}), StickyComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
115
|
-
style: [styles.stickyComponentContainer, stickyComponentAnimatedStyle],
|
|
116
|
-
onLayout: event => {
|
|
117
|
-
setStickyComponentLayout(event.nativeEvent.layout);
|
|
118
|
-
},
|
|
119
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StickyComponent, {})
|
|
120
|
-
})]
|
|
121
|
-
});
|
|
122
|
-
}
|
|
123
|
-
return flatListProps.renderItem && typeof flatListProps.renderItem === 'function' ? flatListProps.renderItem({
|
|
124
|
-
item
|
|
125
|
-
}) : null;
|
|
126
|
-
}, [flatListProps, navigationBarHeight, stickyComponentLayout.height, stickyComponentAnimatedStyle, stickyHeaderAnimatedStyle, headerLayout.height, ListHeaderComponent, StickyComponent, setStickyComponentLayout]);
|
|
127
|
-
const data = (0, _react.useMemo)(() => {
|
|
128
|
-
const listData = Array.isArray(flatListProps.data) ? flatListProps.data : [];
|
|
129
|
-
return [HEADER_ITEM, ...listData];
|
|
130
|
-
}, [flatListProps.data]);
|
|
131
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
132
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.StatusBar, {
|
|
133
|
-
backgroundColor: "transparent",
|
|
134
|
-
translucent: true
|
|
135
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.FlatList, {
|
|
136
|
-
...flatListProps,
|
|
137
|
-
stickyHeaderIndices: [1],
|
|
138
|
-
ListHeaderComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
139
|
-
style: [styles.mainHeaderContainer, {
|
|
140
|
-
height: headerLayout.height - navigationBarHeight * 2,
|
|
141
|
-
transform: [{
|
|
142
|
-
translateY: navigationBarHeight
|
|
143
|
-
}]
|
|
144
|
-
}],
|
|
145
|
-
children: ListHeaderComponent
|
|
146
|
-
}),
|
|
147
|
-
onScroll: scrollHandler,
|
|
148
|
-
data: data,
|
|
149
|
-
renderItem: renderItem
|
|
150
|
-
})]
|
|
151
|
-
});
|
|
152
|
-
}
|
|
153
|
-
const styles = _reactNative.StyleSheet.create({
|
|
154
|
-
navigationBar: {
|
|
155
|
-
backgroundColor: 'transparent'
|
|
156
|
-
},
|
|
157
|
-
headerWrapper: {
|
|
158
|
-
overflow: 'visible'
|
|
159
|
-
},
|
|
160
|
-
headerContainer: {
|
|
161
|
-
position: 'absolute',
|
|
162
|
-
left: 0,
|
|
163
|
-
right: 0,
|
|
164
|
-
overflow: 'visible'
|
|
165
|
-
},
|
|
166
|
-
stickyHeaderContainer: {
|
|
167
|
-
overflow: 'scroll'
|
|
168
|
-
},
|
|
169
|
-
stickyHeader: {
|
|
170
|
-
position: 'absolute',
|
|
171
|
-
left: 0,
|
|
172
|
-
right: 0
|
|
173
|
-
},
|
|
174
|
-
mainHeaderContainer: {
|
|
175
|
-
overflow: 'visible'
|
|
176
|
-
},
|
|
177
|
-
animatedNavigationBar: {
|
|
178
|
-
position: 'absolute',
|
|
179
|
-
bottom: 0,
|
|
180
|
-
left: 0,
|
|
181
|
-
right: 0
|
|
182
|
-
},
|
|
183
|
-
headerTitle: {
|
|
184
|
-
position: 'absolute'
|
|
185
|
-
},
|
|
186
|
-
stickyComponentContainer: {
|
|
187
|
-
position: 'absolute',
|
|
188
|
-
bottom: 0,
|
|
189
|
-
left: 0,
|
|
190
|
-
right: 0
|
|
191
|
-
},
|
|
192
|
-
headerContentContainer: {
|
|
193
|
-
position: 'absolute',
|
|
194
|
-
top: 0,
|
|
195
|
-
left: 0,
|
|
196
|
-
right: 0,
|
|
197
|
-
bottom: 0
|
|
198
|
-
}
|
|
199
|
-
});
|
|
200
|
-
//# sourceMappingURL=AnimatedHeaderFlatList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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","navigationTitleTranslateX","navigationTitleTranslateY","flatListProps","scrollHandler","navigationBarHeight","headerLayout","setHeaderLayout","setHeaderTitleLayout","stickyComponentLayout","setStickyComponentLayout","stickyComponentAnimatedStyle","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,130 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useAnimatedHeaderFlatListAnimatedStyles = void 0;
|
|
7
|
-
var _elements = require("@react-navigation/elements");
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
|
-
var _reactNativeReanimated = require("react-native-reanimated");
|
|
11
|
-
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
12
|
-
const useAnimatedHeaderFlatListAnimatedStyles = ({
|
|
13
|
-
headerTitleFontSize,
|
|
14
|
-
navigationTitleFontSize,
|
|
15
|
-
navigationTitleTranslateX = 0,
|
|
16
|
-
navigationTitleTranslateY = 0
|
|
17
|
-
}) => {
|
|
18
|
-
const {
|
|
19
|
-
width: windowWidth
|
|
20
|
-
} = (0, _reactNative.useWindowDimensions)();
|
|
21
|
-
const scrollY = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
22
|
-
const navigationBarHeight = (0, _elements.useHeaderHeight)();
|
|
23
|
-
const safeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
24
|
-
const [headerLayout, setHeaderLayout] = (0, _react.useState)({
|
|
25
|
-
x: 0,
|
|
26
|
-
y: 0,
|
|
27
|
-
width: 0,
|
|
28
|
-
height: 0
|
|
29
|
-
});
|
|
30
|
-
const [headerTitleLayout, setHeaderTitleLayout] = (0, _react.useState)({
|
|
31
|
-
x: 0,
|
|
32
|
-
y: 0,
|
|
33
|
-
width: 0,
|
|
34
|
-
height: 0
|
|
35
|
-
});
|
|
36
|
-
const [stickyComponentLayout, updateStickyComponentLayout] = (0, _react.useState)({
|
|
37
|
-
x: 0,
|
|
38
|
-
y: 0,
|
|
39
|
-
width: 0,
|
|
40
|
-
height: 0
|
|
41
|
-
});
|
|
42
|
-
const distanceBetweenTitleAndNavigationBar = (navigationBarHeight - safeAreaInsets.top + headerTitleLayout.height) / 2 + headerTitleLayout.y - navigationBarHeight;
|
|
43
|
-
const navigationTitleOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
44
|
-
const stickyHeaderOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
45
|
-
const stickyComponentOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
46
|
-
const setStickyComponentLayout = (0, _react.useCallback)(layout => {
|
|
47
|
-
updateStickyComponentLayout(layout);
|
|
48
|
-
stickyComponentOpacity.value = layout.height > 0 ? 1 : 0;
|
|
49
|
-
}, [updateStickyComponentLayout, stickyComponentOpacity]);
|
|
50
|
-
const navigationBarAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
51
|
-
return {
|
|
52
|
-
opacity: (0, _reactNativeReanimated.interpolate)(scrollY.value, [0, headerLayout.height - navigationBarHeight * 2], [0, 1], 'clamp'),
|
|
53
|
-
marginBottom: Math.max(0, headerLayout.height - navigationBarHeight * 2 - scrollY.value),
|
|
54
|
-
height: navigationBarHeight
|
|
55
|
-
};
|
|
56
|
-
});
|
|
57
|
-
const navigationTitleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
58
|
-
return {
|
|
59
|
-
opacity: navigationTitleOpacity.value,
|
|
60
|
-
transform: [{
|
|
61
|
-
translateX: navigationTitleTranslateX
|
|
62
|
-
}, {
|
|
63
|
-
translateY: navigationTitleTranslateY
|
|
64
|
-
}]
|
|
65
|
-
};
|
|
66
|
-
});
|
|
67
|
-
const headerTitleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
68
|
-
return {
|
|
69
|
-
opacity: 1 - navigationTitleOpacity.value,
|
|
70
|
-
transform: [{
|
|
71
|
-
translateX: (0, _reactNativeReanimated.interpolate)(scrollY.value, [0, distanceBetweenTitleAndNavigationBar], [0, windowWidth / 2 - headerTitleLayout.x - headerTitleLayout.width / 2 + navigationTitleTranslateX], 'clamp')
|
|
72
|
-
}, {
|
|
73
|
-
translateY: (0, _reactNativeReanimated.interpolate)(scrollY.value, [0, distanceBetweenTitleAndNavigationBar], [0, navigationTitleTranslateY], 'clamp')
|
|
74
|
-
}, {
|
|
75
|
-
scale: (0, _reactNativeReanimated.interpolate)(scrollY.value, [0, distanceBetweenTitleAndNavigationBar], [1, navigationTitleFontSize && headerTitleFontSize ? navigationTitleFontSize / headerTitleFontSize : 1], 'clamp')
|
|
76
|
-
}]
|
|
77
|
-
};
|
|
78
|
-
});
|
|
79
|
-
const stickyHeaderAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
80
|
-
return {
|
|
81
|
-
opacity: stickyHeaderOpacity.value
|
|
82
|
-
};
|
|
83
|
-
});
|
|
84
|
-
const headerContentAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
85
|
-
return {
|
|
86
|
-
opacity: (0, _reactNativeReanimated.interpolate)(scrollY.value, [0, headerLayout.height - navigationBarHeight * 2], [1, 0], 'clamp')
|
|
87
|
-
};
|
|
88
|
-
});
|
|
89
|
-
const headerBackgroundAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
90
|
-
if (scrollY.value >= 0) {
|
|
91
|
-
return {};
|
|
92
|
-
}
|
|
93
|
-
return {
|
|
94
|
-
transform: [{
|
|
95
|
-
translateY: (0, _reactNativeReanimated.interpolate)(scrollY.value, [scrollY.value, 0], [scrollY.value / 2, 0], 'clamp')
|
|
96
|
-
}, {
|
|
97
|
-
scale: (0, _reactNativeReanimated.interpolate)(scrollY.value, [scrollY.value, 0], [1 - scrollY.value / (headerLayout.height - navigationBarHeight), 1], 'clamp')
|
|
98
|
-
}]
|
|
99
|
-
};
|
|
100
|
-
});
|
|
101
|
-
const stickyComponentAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
102
|
-
return {
|
|
103
|
-
opacity: stickyComponentOpacity.value
|
|
104
|
-
};
|
|
105
|
-
});
|
|
106
|
-
const scrollHandler = (0, _reactNativeReanimated.useAnimatedScrollHandler)(event => {
|
|
107
|
-
scrollY.value = event.contentOffset.y;
|
|
108
|
-
navigationTitleOpacity.value = event.contentOffset.y >= distanceBetweenTitleAndNavigationBar ? 1 : 0;
|
|
109
|
-
stickyHeaderOpacity.value = event.contentOffset.y >= headerLayout.height - navigationBarHeight * 2 ? 1 : 0;
|
|
110
|
-
});
|
|
111
|
-
return {
|
|
112
|
-
scrollHandler,
|
|
113
|
-
navigationBarHeight,
|
|
114
|
-
headerLayout,
|
|
115
|
-
setHeaderLayout,
|
|
116
|
-
headerTitleLayout,
|
|
117
|
-
setHeaderTitleLayout,
|
|
118
|
-
stickyComponentLayout,
|
|
119
|
-
setStickyComponentLayout,
|
|
120
|
-
stickyComponentAnimatedStyle,
|
|
121
|
-
navigationBarAnimatedStyle,
|
|
122
|
-
navigationTitleAnimatedStyle,
|
|
123
|
-
headerTitleAnimatedStyle,
|
|
124
|
-
stickyHeaderAnimatedStyle,
|
|
125
|
-
headerContentAnimatedStyle,
|
|
126
|
-
headerBackgroundAnimatedStyle
|
|
127
|
-
};
|
|
128
|
-
};
|
|
129
|
-
exports.useAnimatedHeaderFlatListAnimatedStyles = useAnimatedHeaderFlatListAnimatedStyles;
|
|
130
|
-
//# sourceMappingURL=useAnimatedHeaderFlatListAnimatedStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_elements","require","_react","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","useAnimatedHeaderFlatListAnimatedStyles","headerTitleFontSize","navigationTitleFontSize","navigationTitleTranslateX","navigationTitleTranslateY","width","windowWidth","useWindowDimensions","scrollY","useSharedValue","navigationBarHeight","useHeaderHeight","safeAreaInsets","useSafeAreaInsets","headerLayout","setHeaderLayout","useState","x","y","height","headerTitleLayout","setHeaderTitleLayout","stickyComponentLayout","updateStickyComponentLayout","distanceBetweenTitleAndNavigationBar","top","navigationTitleOpacity","stickyHeaderOpacity","stickyComponentOpacity","setStickyComponentLayout","useCallback","layout","value","navigationBarAnimatedStyle","useAnimatedStyle","opacity","interpolate","marginBottom","Math","max","navigationTitleAnimatedStyle","transform","translateX","translateY","headerTitleAnimatedStyle","scale","stickyHeaderAnimatedStyle","headerContentAnimatedStyle","headerBackgroundAnimatedStyle","stickyComponentAnimatedStyle","scrollHandler","useAnimatedScrollHandler","event","contentOffset","exports"],"sourceRoot":"../../../src","sources":["hooks/useAnimatedHeaderFlatListAnimatedStyles.ts"],"mappings":"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","ignoreList":[]}
|
package/lib/commonjs/index.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "AnimatedHeaderFlatList", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _AnimatedHeaderFlatList.AnimatedHeaderFlatList;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _AnimatedHeaderFlatList = require("./components/AnimatedHeaderFlatList.js");
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_AnimatedHeaderFlatList","require"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getFontSizeFromStyle = void 0;
|
|
7
|
-
const getFontSizeFromStyle = textStyle => {
|
|
8
|
-
if (!textStyle) return undefined;
|
|
9
|
-
if (Array.isArray(textStyle)) {
|
|
10
|
-
for (const styleItem of textStyle.reverse()) {
|
|
11
|
-
if (styleItem && typeof styleItem === 'object' && 'fontSize' in styleItem) {
|
|
12
|
-
return styleItem.fontSize;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
} else if (typeof textStyle === 'object' && 'fontSize' in textStyle) {
|
|
16
|
-
return textStyle.fontSize;
|
|
17
|
-
}
|
|
18
|
-
return undefined;
|
|
19
|
-
};
|
|
20
|
-
exports.getFontSizeFromStyle = getFontSizeFromStyle;
|
|
21
|
-
//# sourceMappingURL=styleUtils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["getFontSizeFromStyle","textStyle","undefined","Array","isArray","styleItem","reverse","fontSize","exports"],"sourceRoot":"../../../src","sources":["utils/styleUtils.ts"],"mappings":";;;;;;AAEO,MAAMA,oBAAoB,GAAIC,SAA+B,IAAK;EACvE,IAAI,CAACA,SAAS,EAAE,OAAOC,SAAS;EAChC,IAAIC,KAAK,CAACC,OAAO,CAACH,SAAS,CAAC,EAAE;IAC5B,KAAK,MAAMI,SAAS,IAAIJ,SAAS,CAACK,OAAO,CAAC,CAAC,EAAE;MAC3C,IACED,SAAS,IACT,OAAOA,SAAS,KAAK,QAAQ,IAC7B,UAAU,IAAIA,SAAS,EACvB;QACA,OAAOA,SAAS,CAACE,QAAQ;MAC3B;IACF;EACF,CAAC,MAAM,IAAI,OAAON,SAAS,KAAK,QAAQ,IAAI,UAAU,IAAIA,SAAS,EAAE;IACnE,OAAOA,SAAS,CAACM,QAAQ;EAC3B;EACA,OAAOL,SAAS;AAClB,CAAC;AAACM,OAAA,CAAAR,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"type":"commonjs"}
|
|
@@ -1 +0,0 @@
|
|
|
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;IAEb,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;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;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,yBAA6B,EAC7B,yBAA6B,EAC7B,GAAG,aAAa,EACjB,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAgNhC"}
|
|
@@ -1 +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;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,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,0BAA0B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrD,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,GAAI,yGAKrD,yCAAyC,KAAG,oCAmL9C,CAAC"}
|
|
@@ -1 +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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../../../src/utils/styleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,WAAW,SAAS,CAAC,SAAS,CAAC,uBAgBnE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"type":"module"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type ColorValue, type StyleProp, type TextStyle } from 'react-native';
|
|
3
|
-
import type { FlatListPropsWithLayout } from 'react-native-reanimated';
|
|
4
|
-
interface Props {
|
|
5
|
-
navigation: any;
|
|
6
|
-
title: string;
|
|
7
|
-
navigationBarColor?: ColorValue;
|
|
8
|
-
headerTitleStyle?: StyleProp<TextStyle>;
|
|
9
|
-
navigationTitleStyle?: StyleProp<TextStyle>;
|
|
10
|
-
HeaderBackground: React.ComponentType;
|
|
11
|
-
HeaderContent?: React.ComponentType;
|
|
12
|
-
StickyComponent?: React.ComponentType;
|
|
13
|
-
parallax?: boolean;
|
|
14
|
-
navigationTitleTranslateX?: number;
|
|
15
|
-
navigationTitleTranslateY?: number;
|
|
16
|
-
}
|
|
17
|
-
type AnimatedHeaderFlatListProps<T> = Omit<FlatListPropsWithLayout<T>, keyof Props> & Props;
|
|
18
|
-
export declare function AnimatedHeaderFlatList<T>({ navigation, title, navigationBarColor, headerTitleStyle, navigationTitleStyle, HeaderBackground, HeaderContent, StickyComponent, parallax, navigationTitleTranslateX, navigationTitleTranslateY, ...flatListProps }: AnimatedHeaderFlatListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export {};
|
|
20
|
-
//# sourceMappingURL=AnimatedHeaderFlatList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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;IAEb,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;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;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,yBAA6B,EAC7B,yBAA6B,EAC7B,GAAG,aAAa,EACjB,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAgNhC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { type LayoutRectangle, type ViewStyle } from 'react-native';
|
|
2
|
-
import { type AnimatedStyle, type ScrollHandlerProcessed } from 'react-native-reanimated';
|
|
3
|
-
type AnimatedHeaderFlatListAnimatedStylesProps = {
|
|
4
|
-
headerTitleFontSize?: number;
|
|
5
|
-
navigationTitleFontSize?: number;
|
|
6
|
-
navigationTitleTranslateX?: number;
|
|
7
|
-
navigationTitleTranslateY?: number;
|
|
8
|
-
};
|
|
9
|
-
type AnimatedHeaderFlatListAnimatedStyles = {
|
|
10
|
-
scrollHandler: ScrollHandlerProcessed<Record<string, unknown>>;
|
|
11
|
-
navigationBarHeight: number;
|
|
12
|
-
headerLayout: LayoutRectangle;
|
|
13
|
-
setHeaderLayout: (layout: LayoutRectangle) => void;
|
|
14
|
-
headerTitleLayout: LayoutRectangle;
|
|
15
|
-
setHeaderTitleLayout: (layout: LayoutRectangle) => void;
|
|
16
|
-
stickyComponentLayout: LayoutRectangle;
|
|
17
|
-
setStickyComponentLayout: (layout: LayoutRectangle) => void;
|
|
18
|
-
stickyComponentAnimatedStyle: AnimatedStyle<ViewStyle>;
|
|
19
|
-
navigationBarAnimatedStyle: AnimatedStyle<ViewStyle>;
|
|
20
|
-
navigationTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
|
|
21
|
-
headerTitleAnimatedStyle: AnimatedStyle<ViewStyle>;
|
|
22
|
-
stickyHeaderAnimatedStyle: AnimatedStyle<ViewStyle>;
|
|
23
|
-
headerContentAnimatedStyle: AnimatedStyle<ViewStyle>;
|
|
24
|
-
headerBackgroundAnimatedStyle: AnimatedStyle<ViewStyle>;
|
|
25
|
-
};
|
|
26
|
-
export declare const useAnimatedHeaderFlatListAnimatedStyles: ({ headerTitleFontSize, navigationTitleFontSize, navigationTitleTranslateX, navigationTitleTranslateY, }: AnimatedHeaderFlatListAnimatedStylesProps) => AnimatedHeaderFlatListAnimatedStyles;
|
|
27
|
-
export {};
|
|
28
|
-
//# sourceMappingURL=useAnimatedHeaderFlatListAnimatedStyles.d.ts.map
|
|
@@ -1 +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;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,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,0BAA0B,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACrD,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,GAAI,yGAKrD,yCAAyC,KAAG,oCAmL9C,CAAC"}
|
|
@@ -1 +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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../../../src/utils/styleUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,WAAW,SAAS,CAAC,SAAS,CAAC,uBAgBnE,CAAC"}
|
|
File without changes
|
/package/lib/typescript/{commonjs/src → src}/hooks/useAnimatedHeaderFlatListAnimatedStyles.d.ts
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|