react-native-tab-view 3.3.3 → 3.4.0
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 +4 -0
- package/lib/commonjs/Pager.android.js +0 -2
- package/lib/commonjs/Pager.android.js.map +1 -1
- package/lib/commonjs/Pager.ios.js +0 -2
- package/lib/commonjs/Pager.ios.js.map +1 -1
- package/lib/commonjs/Pager.js +0 -2
- package/lib/commonjs/Pager.js.map +1 -1
- package/lib/commonjs/PagerViewAdapter.js +0 -24
- package/lib/commonjs/PagerViewAdapter.js.map +1 -1
- package/lib/commonjs/PanResponderAdapter.js +11 -42
- package/lib/commonjs/PanResponderAdapter.js.map +1 -1
- package/lib/commonjs/PlatformPressable.js +1 -7
- package/lib/commonjs/PlatformPressable.js.map +1 -1
- package/lib/commonjs/SceneMap.js +0 -5
- package/lib/commonjs/SceneMap.js.map +1 -1
- package/lib/commonjs/SceneView.js +4 -15
- package/lib/commonjs/SceneView.js.map +1 -1
- package/lib/commonjs/TabBar.js +24 -60
- package/lib/commonjs/TabBar.js.map +1 -1
- package/lib/commonjs/TabBarIndicator.js +7 -18
- package/lib/commonjs/TabBarIndicator.js.map +1 -1
- package/lib/commonjs/TabBarItem.js +7 -31
- package/lib/commonjs/TabBarItem.js.map +1 -1
- package/lib/commonjs/TabView.js +9 -19
- package/lib/commonjs/TabView.js.map +1 -1
- package/lib/commonjs/index.js +0 -6
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/useAnimatedValue.js +0 -7
- package/lib/commonjs/useAnimatedValue.js.map +1 -1
- package/lib/module/Pager.android.js.map +1 -1
- package/lib/module/Pager.ios.js.map +1 -1
- package/lib/module/Pager.js.map +1 -1
- package/lib/module/PagerViewAdapter.js +0 -14
- package/lib/module/PagerViewAdapter.js.map +1 -1
- package/lib/module/PanResponderAdapter.js +11 -28
- package/lib/module/PanResponderAdapter.js.map +1 -1
- package/lib/module/PlatformPressable.js +1 -2
- package/lib/module/PlatformPressable.js.map +1 -1
- package/lib/module/SceneMap.js.map +1 -1
- package/lib/module/SceneView.js +4 -9
- package/lib/module/SceneView.js.map +1 -1
- package/lib/module/TabBar.js +24 -48
- package/lib/module/TabBar.js.map +1 -1
- package/lib/module/TabBarIndicator.js +7 -10
- package/lib/module/TabBarIndicator.js.map +1 -1
- package/lib/module/TabBarItem.js +7 -19
- package/lib/module/TabBarItem.js.map +1 -1
- package/lib/module/TabView.js +9 -9
- package/lib/module/TabView.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/useAnimatedValue.js +0 -2
- package/lib/module/useAnimatedValue.js.map +1 -1
- package/lib/typescript/src/Pager.android.d.ts +1 -0
- package/lib/typescript/src/Pager.android.d.ts.map +1 -0
- package/lib/typescript/src/Pager.d.ts +1 -0
- package/lib/typescript/src/Pager.d.ts.map +1 -0
- package/lib/typescript/src/Pager.ios.d.ts +1 -0
- package/lib/typescript/src/Pager.ios.d.ts.map +1 -0
- package/lib/typescript/src/PagerViewAdapter.d.ts +1 -0
- package/lib/typescript/src/PagerViewAdapter.d.ts.map +1 -0
- package/lib/typescript/src/PanResponderAdapter.d.ts +1 -0
- package/lib/typescript/src/PanResponderAdapter.d.ts.map +1 -0
- package/lib/typescript/src/PlatformPressable.d.ts +1 -0
- package/lib/typescript/src/PlatformPressable.d.ts.map +1 -0
- package/lib/typescript/src/SceneMap.d.ts +1 -0
- package/lib/typescript/src/SceneMap.d.ts.map +1 -0
- package/lib/typescript/src/SceneView.d.ts +1 -0
- package/lib/typescript/src/SceneView.d.ts.map +1 -0
- package/lib/typescript/src/TabBar.d.ts +4 -2
- package/lib/typescript/src/TabBar.d.ts.map +1 -0
- package/lib/typescript/src/TabBarIndicator.d.ts +1 -0
- package/lib/typescript/src/TabBarIndicator.d.ts.map +1 -0
- package/lib/typescript/src/TabBarItem.d.ts +3 -1
- package/lib/typescript/src/TabBarItem.d.ts.map +1 -0
- package/lib/typescript/src/TabView.d.ts +2 -1
- package/lib/typescript/src/TabView.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/types.d.ts +1 -0
- package/lib/typescript/src/types.d.ts.map +1 -0
- package/lib/typescript/src/useAnimatedValue.d.ts +1 -0
- package/lib/typescript/src/useAnimatedValue.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/TabBar.tsx +5 -0
- package/src/TabBarItem.tsx +4 -1
- package/src/TabView.tsx +2 -0
|
@@ -4,26 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _useLatestCallback = _interopRequireDefault(require("use-latest-callback"));
|
|
13
|
-
|
|
14
10
|
var _PlatformPressable = _interopRequireDefault(require("./PlatformPressable"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
-
|
|
24
15
|
const DEFAULT_ACTIVE_COLOR = 'rgba(255, 255, 255, 1)';
|
|
25
16
|
const DEFAULT_INACTIVE_COLOR = 'rgba(255, 255, 255, 0.7)';
|
|
26
|
-
|
|
27
17
|
const getActiveOpacity = (position, routesLength, tabIndex) => {
|
|
28
18
|
if (routesLength > 1) {
|
|
29
19
|
const inputRange = Array.from({
|
|
@@ -37,7 +27,6 @@ const getActiveOpacity = (position, routesLength, tabIndex) => {
|
|
|
37
27
|
return 1;
|
|
38
28
|
}
|
|
39
29
|
};
|
|
40
|
-
|
|
41
30
|
const getInactiveOpacity = (position, routesLength, tabIndex) => {
|
|
42
31
|
if (routesLength > 1) {
|
|
43
32
|
const inputRange = Array.from({
|
|
@@ -51,7 +40,6 @@ const getInactiveOpacity = (position, routesLength, tabIndex) => {
|
|
|
51
40
|
return 0;
|
|
52
41
|
}
|
|
53
42
|
};
|
|
54
|
-
|
|
55
43
|
const TabBarItemInternal = _ref => {
|
|
56
44
|
let {
|
|
57
45
|
getAccessibilityLabel,
|
|
@@ -75,18 +63,18 @@ const TabBarItemInternal = _ref => {
|
|
|
75
63
|
renderIcon,
|
|
76
64
|
defaultTabWidth,
|
|
77
65
|
routesLength,
|
|
78
|
-
renderLabel: renderLabelCustom
|
|
66
|
+
renderLabel: renderLabelCustom,
|
|
67
|
+
android_ripple = {
|
|
68
|
+
borderless: true
|
|
69
|
+
}
|
|
79
70
|
} = _ref;
|
|
80
|
-
|
|
81
71
|
const labelColorFromStyle = _reactNative.StyleSheet.flatten(labelStyle || {}).color;
|
|
82
|
-
|
|
83
72
|
const activeColor = activeColorCustom !== undefined ? activeColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : DEFAULT_ACTIVE_COLOR;
|
|
84
73
|
const inactiveColor = inactiveColorCustom !== undefined ? inactiveColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : DEFAULT_INACTIVE_COLOR;
|
|
85
74
|
const activeOpacity = getActiveOpacity(position, routesLength, tabIndex);
|
|
86
75
|
const inactiveOpacity = getInactiveOpacity(position, routesLength, tabIndex);
|
|
87
76
|
let icon = null;
|
|
88
77
|
let label = null;
|
|
89
|
-
|
|
90
78
|
if (renderIcon) {
|
|
91
79
|
const activeIcon = renderIcon({
|
|
92
80
|
route,
|
|
@@ -98,7 +86,6 @@ const TabBarItemInternal = _ref => {
|
|
|
98
86
|
focused: false,
|
|
99
87
|
color: inactiveColor
|
|
100
88
|
});
|
|
101
|
-
|
|
102
89
|
if (inactiveIcon != null && activeIcon != null) {
|
|
103
90
|
icon = /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
104
91
|
style: styles.icon
|
|
@@ -113,12 +100,10 @@ const TabBarItemInternal = _ref => {
|
|
|
113
100
|
}, activeIcon));
|
|
114
101
|
}
|
|
115
102
|
}
|
|
116
|
-
|
|
117
103
|
const renderLabel = renderLabelCustom !== undefined ? renderLabelCustom : labelProps => {
|
|
118
104
|
const labelText = getLabelText({
|
|
119
105
|
route: labelProps.route
|
|
120
106
|
});
|
|
121
|
-
|
|
122
107
|
if (typeof labelText === 'string') {
|
|
123
108
|
return /*#__PURE__*/React.createElement(_reactNative.Animated.Text, {
|
|
124
109
|
style: [styles.label, icon ? {
|
|
@@ -128,10 +113,8 @@ const TabBarItemInternal = _ref => {
|
|
|
128
113
|
}]
|
|
129
114
|
}, labelText);
|
|
130
115
|
}
|
|
131
|
-
|
|
132
116
|
return labelText;
|
|
133
117
|
};
|
|
134
|
-
|
|
135
118
|
if (renderLabel) {
|
|
136
119
|
const activeLabel = renderLabel({
|
|
137
120
|
route,
|
|
@@ -153,9 +136,7 @@ const TabBarItemInternal = _ref => {
|
|
|
153
136
|
}]
|
|
154
137
|
}, activeLabel));
|
|
155
138
|
}
|
|
156
|
-
|
|
157
139
|
const tabStyle = _reactNative.StyleSheet.flatten(style);
|
|
158
|
-
|
|
159
140
|
const isWidthSet = (tabStyle === null || tabStyle === void 0 ? void 0 : tabStyle.width) !== undefined;
|
|
160
141
|
const tabContainerStyle = isWidthSet ? null : {
|
|
161
142
|
width: defaultTabWidth
|
|
@@ -167,16 +148,15 @@ const TabBarItemInternal = _ref => {
|
|
|
167
148
|
accessibilityLabel = typeof accessibilityLabel !== 'undefined' ? accessibilityLabel : getLabelText(scene);
|
|
168
149
|
const badge = renderBadge ? renderBadge(scene) : null;
|
|
169
150
|
return /*#__PURE__*/React.createElement(_PlatformPressable.default, {
|
|
170
|
-
android_ripple:
|
|
171
|
-
borderless: true
|
|
172
|
-
},
|
|
151
|
+
android_ripple: android_ripple,
|
|
173
152
|
testID: getTestID(scene),
|
|
174
153
|
accessible: getAccessible(scene),
|
|
175
154
|
accessibilityLabel: accessibilityLabel,
|
|
176
155
|
accessibilityRole: "tab",
|
|
177
156
|
accessibilityState: {
|
|
178
157
|
selected: isFocused
|
|
179
|
-
}
|
|
158
|
+
}
|
|
159
|
+
// @ts-ignore: this is to support older React Native versions
|
|
180
160
|
,
|
|
181
161
|
accessibilityStates: isFocused ? ['selected'] : [],
|
|
182
162
|
pressColor: pressColor,
|
|
@@ -193,9 +173,7 @@ const TabBarItemInternal = _ref => {
|
|
|
193
173
|
style: styles.badge
|
|
194
174
|
}, badge) : null));
|
|
195
175
|
};
|
|
196
|
-
|
|
197
176
|
const MemoizedTabBarItemInternal = /*#__PURE__*/React.memo(TabBarItemInternal);
|
|
198
|
-
|
|
199
177
|
function TabBarItem(props) {
|
|
200
178
|
const {
|
|
201
179
|
onPress,
|
|
@@ -219,10 +197,8 @@ function TabBarItem(props) {
|
|
|
219
197
|
routesLength: navigationState.routes.length
|
|
220
198
|
}));
|
|
221
199
|
}
|
|
222
|
-
|
|
223
200
|
var _default = TabBarItem;
|
|
224
201
|
exports.default = _default;
|
|
225
|
-
|
|
226
202
|
const styles = _reactNative.StyleSheet.create({
|
|
227
203
|
label: {
|
|
228
204
|
margin: 4,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","TabBarItemInternal","getAccessibilityLabel","getAccessible","getLabelText","getTestID","onLongPress","onPress","isFocused","route","style","inactiveColor","inactiveColorCustom","activeColor","activeColorCustom","labelStyle","onLayout","index","pressColor","pressOpacity","renderBadge","renderIcon","defaultTabWidth","renderLabel","renderLabelCustom","labelColorFromStyle","StyleSheet","flatten","color","undefined","activeOpacity","inactiveOpacity","icon","label","activeIcon","focused","inactiveIcon","styles","opacity","absoluteFill","labelProps","labelText","marginTop","activeLabel","inactiveLabel","tabStyle","isWidthSet","width","tabContainerStyle","scene","accessibilityLabel","badge","borderless","selected","pressable","item","MemoizedTabBarItemInternal","React","memo","TabBarItem","props","navigationState","rest","onPressLatest","useLatestCallback","onLongPressLatest","onLayoutLatest","routes","indexOf","create","margin","backgroundColor","textTransform","flex","alignItems","justifyContent","padding","minHeight","top","right"],"sources":["TabBarItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n Animated,\n LayoutChangeEvent,\n StyleProp,\n StyleSheet,\n TextStyle,\n View,\n ViewStyle,\n} from 'react-native';\nimport useLatestCallback from 'use-latest-callback';\n\nimport PlatformPressable from './PlatformPressable';\nimport type { NavigationState, Route, Scene } from './types';\n\nexport type Props<T extends Route> = {\n position: Animated.AnimatedInterpolation;\n route: T;\n navigationState: NavigationState<T>;\n activeColor?: string;\n inactiveColor?: string;\n pressColor?: string;\n pressOpacity?: number;\n getLabelText: (scene: Scene<T>) => string | undefined;\n getAccessible: (scene: Scene<T>) => boolean | undefined;\n getAccessibilityLabel: (scene: Scene<T>) => string | undefined;\n getTestID: (scene: Scene<T>) => string | undefined;\n renderLabel?: (scene: {\n route: T;\n focused: boolean;\n color: string;\n }) => React.ReactNode;\n renderIcon?: (scene: {\n route: T;\n focused: boolean;\n color: string;\n }) => React.ReactNode;\n renderBadge?: (scene: Scene<T>) => React.ReactNode;\n onLayout?: (event: LayoutChangeEvent) => void;\n onPress: () => void;\n onLongPress: () => void;\n defaultTabWidth?: number;\n labelStyle?: StyleProp<TextStyle>;\n style: StyleProp<ViewStyle>;\n};\n\nconst DEFAULT_ACTIVE_COLOR = 'rgba(255, 255, 255, 1)';\nconst DEFAULT_INACTIVE_COLOR = 'rgba(255, 255, 255, 0.7)';\n\nconst getActiveOpacity = (\n position: Animated.AnimatedInterpolation,\n routesLength: number,\n tabIndex: number\n) => {\n if (routesLength > 1) {\n const inputRange = Array.from({ length: routesLength }, (_, i) => i);\n\n return position.interpolate({\n inputRange,\n outputRange: inputRange.map((i) => (i === tabIndex ? 1 : 0)),\n });\n } else {\n return 1;\n }\n};\n\nconst getInactiveOpacity = (\n position: Animated.AnimatedInterpolation,\n routesLength: number,\n tabIndex: number\n) => {\n if (routesLength > 1) {\n const inputRange = Array.from({ length: routesLength }, (_, i) => i);\n\n return position.interpolate({\n inputRange,\n outputRange: inputRange.map((i: number) => (i === tabIndex ? 0 : 1)),\n });\n } else {\n return 0;\n }\n};\n\ntype TabBarItemInternalProps<T extends Route> = Omit<\n Props<T>,\n 'navigationState'\n> & {\n isFocused: boolean;\n index: number;\n routesLength: number;\n};\n\nconst TabBarItemInternal = <T extends Route>({\n getAccessibilityLabel,\n getAccessible,\n getLabelText,\n getTestID,\n onLongPress,\n onPress,\n isFocused,\n position,\n route,\n style,\n inactiveColor: inactiveColorCustom,\n activeColor: activeColorCustom,\n labelStyle,\n onLayout,\n index: tabIndex,\n pressColor,\n pressOpacity,\n renderBadge,\n renderIcon,\n defaultTabWidth,\n routesLength,\n renderLabel: renderLabelCustom,\n}: TabBarItemInternalProps<T>) => {\n const labelColorFromStyle = StyleSheet.flatten(labelStyle || {}).color;\n\n const activeColor =\n activeColorCustom !== undefined\n ? activeColorCustom\n : typeof labelColorFromStyle === 'string'\n ? labelColorFromStyle\n : DEFAULT_ACTIVE_COLOR;\n const inactiveColor =\n inactiveColorCustom !== undefined\n ? inactiveColorCustom\n : typeof labelColorFromStyle === 'string'\n ? labelColorFromStyle\n : DEFAULT_INACTIVE_COLOR;\n\n const activeOpacity = getActiveOpacity(position, routesLength, tabIndex);\n const inactiveOpacity = getInactiveOpacity(position, routesLength, tabIndex);\n\n let icon: React.ReactNode | null = null;\n let label: React.ReactNode | null = null;\n\n if (renderIcon) {\n const activeIcon = renderIcon({\n route,\n focused: true,\n color: activeColor,\n });\n const inactiveIcon = renderIcon({\n route,\n focused: false,\n color: inactiveColor,\n });\n\n if (inactiveIcon != null && activeIcon != null) {\n icon = (\n <View style={styles.icon}>\n <Animated.View style={{ opacity: inactiveOpacity }}>\n {inactiveIcon}\n </Animated.View>\n <Animated.View\n style={[StyleSheet.absoluteFill, { opacity: activeOpacity }]}\n >\n {activeIcon}\n </Animated.View>\n </View>\n );\n }\n }\n\n const renderLabel =\n renderLabelCustom !== undefined\n ? renderLabelCustom\n : (labelProps: { route: T; color: string }) => {\n const labelText = getLabelText({ route: labelProps.route });\n\n if (typeof labelText === 'string') {\n return (\n <Animated.Text\n style={[\n styles.label,\n icon ? { marginTop: 0 } : null,\n labelStyle,\n { color: labelProps.color },\n ]}\n >\n {labelText}\n </Animated.Text>\n );\n }\n\n return labelText;\n };\n\n if (renderLabel) {\n const activeLabel = renderLabel({\n route,\n focused: true,\n color: activeColor,\n });\n const inactiveLabel = renderLabel({\n route,\n focused: false,\n color: inactiveColor,\n });\n\n label = (\n <View>\n <Animated.View style={{ opacity: inactiveOpacity }}>\n {inactiveLabel}\n </Animated.View>\n <Animated.View\n style={[StyleSheet.absoluteFill, { opacity: activeOpacity }]}\n >\n {activeLabel}\n </Animated.View>\n </View>\n );\n }\n\n const tabStyle = StyleSheet.flatten(style);\n const isWidthSet = tabStyle?.width !== undefined;\n\n const tabContainerStyle: ViewStyle | null = isWidthSet\n ? null\n : { width: defaultTabWidth };\n\n const scene = { route };\n\n let accessibilityLabel = getAccessibilityLabel(scene);\n\n accessibilityLabel =\n typeof accessibilityLabel !== 'undefined'\n ? accessibilityLabel\n : getLabelText(scene);\n\n const badge = renderBadge ? renderBadge(scene) : null;\n\n return (\n <PlatformPressable\n android_ripple={{ borderless: true }}\n testID={getTestID(scene)}\n accessible={getAccessible(scene)}\n accessibilityLabel={accessibilityLabel}\n accessibilityRole=\"tab\"\n accessibilityState={{ selected: isFocused }}\n // @ts-ignore: this is to support older React Native versions\n accessibilityStates={isFocused ? ['selected'] : []}\n pressColor={pressColor}\n pressOpacity={pressOpacity}\n delayPressIn={0}\n onLayout={onLayout}\n onPress={onPress}\n onLongPress={onLongPress}\n style={[styles.pressable, tabContainerStyle]}\n >\n <View pointerEvents=\"none\" style={[styles.item, tabStyle]}>\n {icon}\n {label}\n {badge != null ? <View style={styles.badge}>{badge}</View> : null}\n </View>\n </PlatformPressable>\n );\n};\n\nconst MemoizedTabBarItemInternal = React.memo(\n TabBarItemInternal\n) as typeof TabBarItemInternal;\n\nfunction TabBarItem<T extends Route>(props: Props<T>) {\n const { onPress, onLongPress, onLayout, navigationState, route, ...rest } =\n props;\n const onPressLatest = useLatestCallback(onPress);\n const onLongPressLatest = useLatestCallback(onLongPress);\n const onLayoutLatest = useLatestCallback(onLayout ? onLayout : () => {});\n\n const tabIndex = navigationState.routes.indexOf(route);\n\n return (\n <MemoizedTabBarItemInternal\n {...rest}\n onPress={onPressLatest}\n onLayout={onLayoutLatest}\n onLongPress={onLongPressLatest}\n isFocused={navigationState.index === tabIndex}\n route={route}\n index={tabIndex}\n routesLength={navigationState.routes.length}\n />\n );\n}\n\nexport default TabBarItem;\n\nconst styles = StyleSheet.create({\n label: {\n margin: 4,\n backgroundColor: 'transparent',\n textTransform: 'uppercase',\n },\n icon: {\n margin: 2,\n },\n item: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n padding: 10,\n minHeight: 48,\n },\n badge: {\n position: 'absolute',\n top: 0,\n right: 0,\n },\n pressable: {\n // The label is not pressable on Windows\n // Adding backgroundColor: 'transparent' seems to fix it\n backgroundColor: 'transparent',\n },\n});\n"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AAEA;;;;;;;;;;AAkCA,MAAMA,oBAAoB,GAAG,wBAA7B;AACA,MAAMC,sBAAsB,GAAG,0BAA/B;;AAEA,MAAMC,gBAAgB,GAAG,CACvBC,QADuB,EAEvBC,YAFuB,EAGvBC,QAHuB,KAIpB;EACH,IAAID,YAAY,GAAG,CAAnB,EAAsB;IACpB,MAAME,UAAU,GAAGC,KAAK,CAACC,IAAN,CAAW;MAAEC,MAAM,EAAEL;IAAV,CAAX,EAAqC,CAACM,CAAD,EAAIC,CAAJ,KAAUA,CAA/C,CAAnB;IAEA,OAAOR,QAAQ,CAACS,WAAT,CAAqB;MAC1BN,UAD0B;MAE1BO,WAAW,EAAEP,UAAU,CAACQ,GAAX,CAAgBH,CAAD,IAAQA,CAAC,KAAKN,QAAN,GAAiB,CAAjB,GAAqB,CAA5C;IAFa,CAArB,CAAP;EAID,CAPD,MAOO;IACL,OAAO,CAAP;EACD;AACF,CAfD;;AAiBA,MAAMU,kBAAkB,GAAG,CACzBZ,QADyB,EAEzBC,YAFyB,EAGzBC,QAHyB,KAItB;EACH,IAAID,YAAY,GAAG,CAAnB,EAAsB;IACpB,MAAME,UAAU,GAAGC,KAAK,CAACC,IAAN,CAAW;MAAEC,MAAM,EAAEL;IAAV,CAAX,EAAqC,CAACM,CAAD,EAAIC,CAAJ,KAAUA,CAA/C,CAAnB;IAEA,OAAOR,QAAQ,CAACS,WAAT,CAAqB;MAC1BN,UAD0B;MAE1BO,WAAW,EAAEP,UAAU,CAACQ,GAAX,CAAgBH,CAAD,IAAgBA,CAAC,KAAKN,QAAN,GAAiB,CAAjB,GAAqB,CAApD;IAFa,CAArB,CAAP;EAID,CAPD,MAOO;IACL,OAAO,CAAP;EACD;AACF,CAfD;;AA0BA,MAAMW,kBAAkB,GAAG,QAuBO;EAAA,IAvBW;IAC3CC,qBAD2C;IAE3CC,aAF2C;IAG3CC,YAH2C;IAI3CC,SAJ2C;IAK3CC,WAL2C;IAM3CC,OAN2C;IAO3CC,SAP2C;IAQ3CpB,QAR2C;IAS3CqB,KAT2C;IAU3CC,KAV2C;IAW3CC,aAAa,EAAEC,mBAX4B;IAY3CC,WAAW,EAAEC,iBAZ8B;IAa3CC,UAb2C;IAc3CC,QAd2C;IAe3CC,KAAK,EAAE3B,QAfoC;IAgB3C4B,UAhB2C;IAiB3CC,YAjB2C;IAkB3CC,WAlB2C;IAmB3CC,UAnB2C;IAoB3CC,eApB2C;IAqB3CjC,YArB2C;IAsB3CkC,WAAW,EAAEC;EAtB8B,CAuBX;;EAChC,MAAMC,mBAAmB,GAAGC,uBAAA,CAAWC,OAAX,CAAmBZ,UAAU,IAAI,EAAjC,EAAqCa,KAAjE;;EAEA,MAAMf,WAAW,GACfC,iBAAiB,KAAKe,SAAtB,GACIf,iBADJ,GAEI,OAAOW,mBAAP,KAA+B,QAA/B,GACAA,mBADA,GAEAxC,oBALN;EAMA,MAAM0B,aAAa,GACjBC,mBAAmB,KAAKiB,SAAxB,GACIjB,mBADJ,GAEI,OAAOa,mBAAP,KAA+B,QAA/B,GACAA,mBADA,GAEAvC,sBALN;EAOA,MAAM4C,aAAa,GAAG3C,gBAAgB,CAACC,QAAD,EAAWC,YAAX,EAAyBC,QAAzB,CAAtC;EACA,MAAMyC,eAAe,GAAG/B,kBAAkB,CAACZ,QAAD,EAAWC,YAAX,EAAyBC,QAAzB,CAA1C;EAEA,IAAI0C,IAA4B,GAAG,IAAnC;EACA,IAAIC,KAA6B,GAAG,IAApC;;EAEA,IAAIZ,UAAJ,EAAgB;IACd,MAAMa,UAAU,GAAGb,UAAU,CAAC;MAC5BZ,KAD4B;MAE5B0B,OAAO,EAAE,IAFmB;MAG5BP,KAAK,EAAEf;IAHqB,CAAD,CAA7B;IAKA,MAAMuB,YAAY,GAAGf,UAAU,CAAC;MAC9BZ,KAD8B;MAE9B0B,OAAO,EAAE,KAFqB;MAG9BP,KAAK,EAAEjB;IAHuB,CAAD,CAA/B;;IAMA,IAAIyB,YAAY,IAAI,IAAhB,IAAwBF,UAAU,IAAI,IAA1C,EAAgD;MAC9CF,IAAI,gBACF,oBAAC,iBAAD;QAAM,KAAK,EAAEK,MAAM,CAACL;MAApB,gBACE,oBAAC,qBAAD,CAAU,IAAV;QAAe,KAAK,EAAE;UAAEM,OAAO,EAAEP;QAAX;MAAtB,GACGK,YADH,CADF,eAIE,oBAAC,qBAAD,CAAU,IAAV;QACE,KAAK,EAAE,CAACV,uBAAA,CAAWa,YAAZ,EAA0B;UAAED,OAAO,EAAER;QAAX,CAA1B;MADT,GAGGI,UAHH,CAJF,CADF;IAYD;EACF;;EAED,MAAMX,WAAW,GACfC,iBAAiB,KAAKK,SAAtB,GACIL,iBADJ,GAEKgB,UAAD,IAA6C;IAC3C,MAAMC,SAAS,GAAGrC,YAAY,CAAC;MAAEK,KAAK,EAAE+B,UAAU,CAAC/B;IAApB,CAAD,CAA9B;;IAEA,IAAI,OAAOgC,SAAP,KAAqB,QAAzB,EAAmC;MACjC,oBACE,oBAAC,qBAAD,CAAU,IAAV;QACE,KAAK,EAAE,CACLJ,MAAM,CAACJ,KADF,EAELD,IAAI,GAAG;UAAEU,SAAS,EAAE;QAAb,CAAH,GAAsB,IAFrB,EAGL3B,UAHK,EAIL;UAAEa,KAAK,EAAEY,UAAU,CAACZ;QAApB,CAJK;MADT,GAQGa,SARH,CADF;IAYD;;IAED,OAAOA,SAAP;EACD,CAtBP;;EAwBA,IAAIlB,WAAJ,EAAiB;IACf,MAAMoB,WAAW,GAAGpB,WAAW,CAAC;MAC9Bd,KAD8B;MAE9B0B,OAAO,EAAE,IAFqB;MAG9BP,KAAK,EAAEf;IAHuB,CAAD,CAA/B;IAKA,MAAM+B,aAAa,GAAGrB,WAAW,CAAC;MAChCd,KADgC;MAEhC0B,OAAO,EAAE,KAFuB;MAGhCP,KAAK,EAAEjB;IAHyB,CAAD,CAAjC;IAMAsB,KAAK,gBACH,oBAAC,iBAAD,qBACE,oBAAC,qBAAD,CAAU,IAAV;MAAe,KAAK,EAAE;QAAEK,OAAO,EAAEP;MAAX;IAAtB,GACGa,aADH,CADF,eAIE,oBAAC,qBAAD,CAAU,IAAV;MACE,KAAK,EAAE,CAAClB,uBAAA,CAAWa,YAAZ,EAA0B;QAAED,OAAO,EAAER;MAAX,CAA1B;IADT,GAGGa,WAHH,CAJF,CADF;EAYD;;EAED,MAAME,QAAQ,GAAGnB,uBAAA,CAAWC,OAAX,CAAmBjB,KAAnB,CAAjB;;EACA,MAAMoC,UAAU,GAAG,CAAAD,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAEE,KAAV,MAAoBlB,SAAvC;EAEA,MAAMmB,iBAAmC,GAAGF,UAAU,GAClD,IADkD,GAElD;IAAEC,KAAK,EAAEzB;EAAT,CAFJ;EAIA,MAAM2B,KAAK,GAAG;IAAExC;EAAF,CAAd;EAEA,IAAIyC,kBAAkB,GAAGhD,qBAAqB,CAAC+C,KAAD,CAA9C;EAEAC,kBAAkB,GAChB,OAAOA,kBAAP,KAA8B,WAA9B,GACIA,kBADJ,GAEI9C,YAAY,CAAC6C,KAAD,CAHlB;EAKA,MAAME,KAAK,GAAG/B,WAAW,GAAGA,WAAW,CAAC6B,KAAD,CAAd,GAAwB,IAAjD;EAEA,oBACE,oBAAC,0BAAD;IACE,cAAc,EAAE;MAAEG,UAAU,EAAE;IAAd,CADlB;IAEE,MAAM,EAAE/C,SAAS,CAAC4C,KAAD,CAFnB;IAGE,UAAU,EAAE9C,aAAa,CAAC8C,KAAD,CAH3B;IAIE,kBAAkB,EAAEC,kBAJtB;IAKE,iBAAiB,EAAC,KALpB;IAME,kBAAkB,EAAE;MAAEG,QAAQ,EAAE7C;IAAZ,CANtB,CAOE;IAPF;IAQE,mBAAmB,EAAEA,SAAS,GAAG,CAAC,UAAD,CAAH,GAAkB,EARlD;IASE,UAAU,EAAEU,UATd;IAUE,YAAY,EAAEC,YAVhB;IAWE,YAAY,EAAE,CAXhB;IAYE,QAAQ,EAAEH,QAZZ;IAaE,OAAO,EAAET,OAbX;IAcE,WAAW,EAAED,WAdf;IAeE,KAAK,EAAE,CAAC+B,MAAM,CAACiB,SAAR,EAAmBN,iBAAnB;EAfT,gBAiBE,oBAAC,iBAAD;IAAM,aAAa,EAAC,MAApB;IAA2B,KAAK,EAAE,CAACX,MAAM,CAACkB,IAAR,EAAcV,QAAd;EAAlC,GACGb,IADH,EAEGC,KAFH,EAGGkB,KAAK,IAAI,IAAT,gBAAgB,oBAAC,iBAAD;IAAM,KAAK,EAAEd,MAAM,CAACc;EAApB,GAA4BA,KAA5B,CAAhB,GAA4D,IAH/D,CAjBF,CADF;AAyBD,CAtKD;;AAwKA,MAAMK,0BAA0B,gBAAGC,KAAK,CAACC,IAAN,CACjCzD,kBADiC,CAAnC;;AAIA,SAAS0D,UAAT,CAAqCC,KAArC,EAAsD;EACpD,MAAM;IAAErD,OAAF;IAAWD,WAAX;IAAwBU,QAAxB;IAAkC6C,eAAlC;IAAmDpD,KAAnD;IAA0D,GAAGqD;EAA7D,IACJF,KADF;EAEA,MAAMG,aAAa,GAAG,IAAAC,0BAAA,EAAkBzD,OAAlB,CAAtB;EACA,MAAM0D,iBAAiB,GAAG,IAAAD,0BAAA,EAAkB1D,WAAlB,CAA1B;EACA,MAAM4D,cAAc,GAAG,IAAAF,0BAAA,EAAkBhD,QAAQ,GAAGA,QAAH,GAAc,MAAM,CAAE,CAAhD,CAAvB;EAEA,MAAM1B,QAAQ,GAAGuE,eAAe,CAACM,MAAhB,CAAuBC,OAAvB,CAA+B3D,KAA/B,CAAjB;EAEA,oBACE,oBAAC,0BAAD,eACMqD,IADN;IAEE,OAAO,EAAEC,aAFX;IAGE,QAAQ,EAAEG,cAHZ;IAIE,WAAW,EAAED,iBAJf;IAKE,SAAS,EAAEJ,eAAe,CAAC5C,KAAhB,KAA0B3B,QALvC;IAME,KAAK,EAAEmB,KANT;IAOE,KAAK,EAAEnB,QAPT;IAQE,YAAY,EAAEuE,eAAe,CAACM,MAAhB,CAAuBzE;EARvC,GADF;AAYD;;eAEciE,U;;;AAEf,MAAMtB,MAAM,GAAGX,uBAAA,CAAW2C,MAAX,CAAkB;EAC/BpC,KAAK,EAAE;IACLqC,MAAM,EAAE,CADH;IAELC,eAAe,EAAE,aAFZ;IAGLC,aAAa,EAAE;EAHV,CADwB;EAM/BxC,IAAI,EAAE;IACJsC,MAAM,EAAE;EADJ,CANyB;EAS/Bf,IAAI,EAAE;IACJkB,IAAI,EAAE,CADF;IAEJC,UAAU,EAAE,QAFR;IAGJC,cAAc,EAAE,QAHZ;IAIJC,OAAO,EAAE,EAJL;IAKJC,SAAS,EAAE;EALP,CATyB;EAgB/B1B,KAAK,EAAE;IACL/D,QAAQ,EAAE,UADL;IAEL0F,GAAG,EAAE,CAFA;IAGLC,KAAK,EAAE;EAHF,CAhBwB;EAqB/BzB,SAAS,EAAE;IACT;IACA;IACAiB,eAAe,EAAE;EAHR;AArBoB,CAAlB,CAAf"}
|
|
1
|
+
{"version":3,"names":["DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","TabBarItemInternal","getAccessibilityLabel","getAccessible","getLabelText","getTestID","onLongPress","onPress","isFocused","route","style","inactiveColor","inactiveColorCustom","activeColor","activeColorCustom","labelStyle","onLayout","index","pressColor","pressOpacity","renderBadge","renderIcon","defaultTabWidth","renderLabel","renderLabelCustom","android_ripple","borderless","labelColorFromStyle","StyleSheet","flatten","color","undefined","activeOpacity","inactiveOpacity","icon","label","activeIcon","focused","inactiveIcon","styles","opacity","absoluteFill","labelProps","labelText","marginTop","activeLabel","inactiveLabel","tabStyle","isWidthSet","width","tabContainerStyle","scene","accessibilityLabel","badge","selected","pressable","item","MemoizedTabBarItemInternal","React","memo","TabBarItem","props","navigationState","rest","onPressLatest","useLatestCallback","onLongPressLatest","onLayoutLatest","routes","indexOf","create","margin","backgroundColor","textTransform","flex","alignItems","justifyContent","padding","minHeight","top","right"],"sourceRoot":"../../src","sources":["TabBarItem.tsx"],"mappings":"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"}
|
package/lib/commonjs/TabView.js
CHANGED
|
@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = TabView;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
var _Pager = _interopRequireDefault(require("./Pager"));
|
|
13
|
-
|
|
14
10
|
var _SceneView = _interopRequireDefault(require("./SceneView"));
|
|
15
|
-
|
|
16
11
|
var _TabBar = _interopRequireDefault(require("./TabBar"));
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
|
|
26
16
|
function TabView(_ref) {
|
|
27
17
|
let {
|
|
28
18
|
onIndexChange,
|
|
@@ -41,20 +31,19 @@ function TabView(_ref) {
|
|
|
41
31
|
style,
|
|
42
32
|
swipeEnabled = true,
|
|
43
33
|
tabBarPosition = 'top',
|
|
44
|
-
animationEnabled = true
|
|
34
|
+
animationEnabled = true,
|
|
35
|
+
overScrollMode
|
|
45
36
|
} = _ref;
|
|
46
37
|
const [layout, setLayout] = React.useState({
|
|
47
38
|
width: 0,
|
|
48
39
|
height: 0,
|
|
49
40
|
...initialLayout
|
|
50
41
|
});
|
|
51
|
-
|
|
52
42
|
const jumpToIndex = index => {
|
|
53
43
|
if (index !== navigationState.index) {
|
|
54
44
|
onIndexChange(index);
|
|
55
45
|
}
|
|
56
46
|
};
|
|
57
|
-
|
|
58
47
|
const handleLayout = e => {
|
|
59
48
|
const {
|
|
60
49
|
height,
|
|
@@ -64,14 +53,12 @@ function TabView(_ref) {
|
|
|
64
53
|
if (prevLayout.width === width && prevLayout.height === height) {
|
|
65
54
|
return prevLayout;
|
|
66
55
|
}
|
|
67
|
-
|
|
68
56
|
return {
|
|
69
57
|
height,
|
|
70
58
|
width
|
|
71
59
|
};
|
|
72
60
|
});
|
|
73
61
|
};
|
|
74
|
-
|
|
75
62
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
76
63
|
onLayout: handleLayout,
|
|
77
64
|
style: [styles.pager, style]
|
|
@@ -84,6 +71,7 @@ function TabView(_ref) {
|
|
|
84
71
|
onSwipeEnd: onSwipeEnd,
|
|
85
72
|
onIndexChange: jumpToIndex,
|
|
86
73
|
animationEnabled: animationEnabled,
|
|
74
|
+
overScrollMode: overScrollMode,
|
|
87
75
|
style: pagerStyle
|
|
88
76
|
}, _ref2 => {
|
|
89
77
|
let {
|
|
@@ -99,7 +87,8 @@ function TabView(_ref) {
|
|
|
99
87
|
layout,
|
|
100
88
|
jumpTo
|
|
101
89
|
};
|
|
102
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, tabBarPosition === 'top' && renderTabBar({
|
|
90
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, tabBarPosition === 'top' && renderTabBar({
|
|
91
|
+
...sceneRendererProps,
|
|
103
92
|
navigationState
|
|
104
93
|
}), render(navigationState.routes.map((route, i) => {
|
|
105
94
|
return /*#__PURE__*/React.createElement(_SceneView.default, _extends({}, sceneRendererProps, {
|
|
@@ -118,16 +107,17 @@ function TabView(_ref) {
|
|
|
118
107
|
} = _ref3;
|
|
119
108
|
return loading ? renderLazyPlaceholder({
|
|
120
109
|
route
|
|
121
|
-
}) : renderScene({
|
|
110
|
+
}) : renderScene({
|
|
111
|
+
...sceneRendererProps,
|
|
122
112
|
route
|
|
123
113
|
});
|
|
124
114
|
});
|
|
125
|
-
})), tabBarPosition === 'bottom' && renderTabBar({
|
|
115
|
+
})), tabBarPosition === 'bottom' && renderTabBar({
|
|
116
|
+
...sceneRendererProps,
|
|
126
117
|
navigationState
|
|
127
118
|
}));
|
|
128
119
|
}));
|
|
129
120
|
}
|
|
130
|
-
|
|
131
121
|
const styles = _reactNative.StyleSheet.create({
|
|
132
122
|
pager: {
|
|
133
123
|
flex: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TabView","onIndexChange","navigationState","renderScene","initialLayout","keyboardDismissMode","lazy","lazyPreloadDistance","onSwipeStart","onSwipeEnd","renderLazyPlaceholder","renderTabBar","props","sceneContainerStyle","pagerStyle","style","swipeEnabled","tabBarPosition","animationEnabled","layout","setLayout","React","useState","width","height","jumpToIndex","index","handleLayout","e","nativeEvent","prevLayout","styles","pager","position","render","addEnterListener","jumpTo","sceneRendererProps","routes","map","route","i","key","loading","StyleSheet","create","flex","overflow"],"
|
|
1
|
+
{"version":3,"names":["TabView","onIndexChange","navigationState","renderScene","initialLayout","keyboardDismissMode","lazy","lazyPreloadDistance","onSwipeStart","onSwipeEnd","renderLazyPlaceholder","renderTabBar","props","sceneContainerStyle","pagerStyle","style","swipeEnabled","tabBarPosition","animationEnabled","overScrollMode","layout","setLayout","React","useState","width","height","jumpToIndex","index","handleLayout","e","nativeEvent","prevLayout","styles","pager","position","render","addEnterListener","jumpTo","sceneRendererProps","routes","map","route","i","key","loading","StyleSheet","create","flex","overflow"],"sourceRoot":"../../src","sources":["TabView.tsx"],"mappings":"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"}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -33,16 +33,10 @@ Object.defineProperty(exports, "TabView", {
|
|
|
33
33
|
return _TabView.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
|
|
37
36
|
var _SceneMap = _interopRequireDefault(require("./SceneMap"));
|
|
38
|
-
|
|
39
37
|
var _TabBar = _interopRequireDefault(require("./TabBar"));
|
|
40
|
-
|
|
41
38
|
var _TabBarIndicator = _interopRequireDefault(require("./TabBarIndicator"));
|
|
42
|
-
|
|
43
39
|
var _TabBarItem = _interopRequireDefault(require("./TabBarItem"));
|
|
44
|
-
|
|
45
40
|
var _TabView = _interopRequireDefault(require("./TabView"));
|
|
46
|
-
|
|
47
41
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
48
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AAEA;AAEA;AAEA;AAA+C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
@@ -4,22 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = useAnimatedValue;
|
|
7
|
-
|
|
8
7
|
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
9
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
|
|
14
10
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
|
|
16
11
|
function useAnimatedValue(initialValue) {
|
|
17
12
|
const lazyRef = React.useRef();
|
|
18
|
-
|
|
19
13
|
if (lazyRef.current === undefined) {
|
|
20
14
|
lazyRef.current = new _reactNative.Animated.Value(initialValue);
|
|
21
15
|
}
|
|
22
|
-
|
|
23
16
|
return lazyRef.current;
|
|
24
17
|
}
|
|
25
18
|
//# sourceMappingURL=useAnimatedValue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useAnimatedValue","initialValue","lazyRef","React","useRef","current","undefined","Animated","Value"],"
|
|
1
|
+
{"version":3,"names":["useAnimatedValue","initialValue","lazyRef","React","useRef","current","undefined","Animated","Value"],"sourceRoot":"../../src","sources":["useAnimatedValue.tsx"],"mappings":";;;;;;AAAA;AACA;AAAwC;AAAA;AAEzB,SAASA,gBAAgB,CAACC,YAAoB,EAAE;EAC7D,MAAMC,OAAO,GAAGC,KAAK,CAACC,MAAM,EAAkB;EAE9C,IAAIF,OAAO,CAACG,OAAO,KAAKC,SAAS,EAAE;IACjCJ,OAAO,CAACG,OAAO,GAAG,IAAIE,qBAAQ,CAACC,KAAK,CAACP,YAAY,CAAC;EACpD;EAEA,OAAOC,OAAO,CAACG,OAAO;AACxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default"],"sources":["Pager.android.tsx"],"
|
|
1
|
+
{"version":3,"names":["default"],"sourceRoot":"../../src","sources":["Pager.android.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,oBAAoB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default"],"sources":["Pager.ios.tsx"],"
|
|
1
|
+
{"version":3,"names":["default"],"sourceRoot":"../../src","sources":["Pager.ios.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,oBAAoB"}
|
package/lib/module/Pager.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default"],"
|
|
1
|
+
{"version":3,"names":["default"],"sourceRoot":"../../src","sources":["Pager.tsx"],"mappings":"AAAA,SAASA,OAAO,QAAQ,uBAAuB"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
2
|
import * as React from 'react';
|
|
4
3
|
import { Animated, Keyboard, StyleSheet } from 'react-native';
|
|
5
4
|
import ViewPager from 'react-native-pager-view';
|
|
@@ -32,14 +31,11 @@ export default function PagerViewAdapter(_ref) {
|
|
|
32
31
|
});
|
|
33
32
|
const jumpTo = React.useCallback(key => {
|
|
34
33
|
const index = navigationStateRef.current.routes.findIndex(route => route.key === key);
|
|
35
|
-
|
|
36
34
|
if (animationEnabled) {
|
|
37
35
|
var _pagerRef$current;
|
|
38
|
-
|
|
39
36
|
(_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(index);
|
|
40
37
|
} else {
|
|
41
38
|
var _pagerRef$current2;
|
|
42
|
-
|
|
43
39
|
(_pagerRef$current2 = pagerRef.current) === null || _pagerRef$current2 === void 0 ? void 0 : _pagerRef$current2.setPageWithoutAnimation(index);
|
|
44
40
|
position.setValue(index);
|
|
45
41
|
}
|
|
@@ -48,31 +44,25 @@ export default function PagerViewAdapter(_ref) {
|
|
|
48
44
|
if (keyboardDismissMode === 'auto') {
|
|
49
45
|
Keyboard.dismiss();
|
|
50
46
|
}
|
|
51
|
-
|
|
52
47
|
if (indexRef.current !== index) {
|
|
53
48
|
if (animationEnabled) {
|
|
54
49
|
var _pagerRef$current3;
|
|
55
|
-
|
|
56
50
|
(_pagerRef$current3 = pagerRef.current) === null || _pagerRef$current3 === void 0 ? void 0 : _pagerRef$current3.setPage(index);
|
|
57
51
|
} else {
|
|
58
52
|
var _pagerRef$current4;
|
|
59
|
-
|
|
60
53
|
(_pagerRef$current4 = pagerRef.current) === null || _pagerRef$current4 === void 0 ? void 0 : _pagerRef$current4.setPageWithoutAnimation(index);
|
|
61
54
|
position.setValue(index);
|
|
62
55
|
}
|
|
63
56
|
}
|
|
64
57
|
}, [keyboardDismissMode, index, animationEnabled, position]);
|
|
65
|
-
|
|
66
58
|
const onPageScrollStateChanged = state => {
|
|
67
59
|
const {
|
|
68
60
|
pageScrollState
|
|
69
61
|
} = state.nativeEvent;
|
|
70
|
-
|
|
71
62
|
switch (pageScrollState) {
|
|
72
63
|
case 'idle':
|
|
73
64
|
onSwipeEnd === null || onSwipeEnd === void 0 ? void 0 : onSwipeEnd();
|
|
74
65
|
return;
|
|
75
|
-
|
|
76
66
|
case 'dragging':
|
|
77
67
|
{
|
|
78
68
|
const subscription = offset.addListener(_ref2 => {
|
|
@@ -80,11 +70,9 @@ export default function PagerViewAdapter(_ref) {
|
|
|
80
70
|
value
|
|
81
71
|
} = _ref2;
|
|
82
72
|
const next = index + (value > 0 ? Math.ceil(value) : Math.floor(value));
|
|
83
|
-
|
|
84
73
|
if (next !== index) {
|
|
85
74
|
listenersRef.current.forEach(listener => listener(next));
|
|
86
75
|
}
|
|
87
|
-
|
|
88
76
|
offset.removeListener(subscription);
|
|
89
77
|
});
|
|
90
78
|
onSwipeStart === null || onSwipeStart === void 0 ? void 0 : onSwipeStart();
|
|
@@ -92,12 +80,10 @@ export default function PagerViewAdapter(_ref) {
|
|
|
92
80
|
}
|
|
93
81
|
}
|
|
94
82
|
};
|
|
95
|
-
|
|
96
83
|
const addEnterListener = React.useCallback(listener => {
|
|
97
84
|
listenersRef.current.push(listener);
|
|
98
85
|
return () => {
|
|
99
86
|
const index = listenersRef.current.indexOf(listener);
|
|
100
|
-
|
|
101
87
|
if (index > -1) {
|
|
102
88
|
listenersRef.current.splice(index, 1);
|
|
103
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Keyboard","StyleSheet","ViewPager","useAnimatedValue","AnimatedViewPager","createAnimatedComponent","PagerViewAdapter","keyboardDismissMode","swipeEnabled","navigationState","onIndexChange","onSwipeStart","onSwipeEnd","children","style","animationEnabled","rest","index","listenersRef","useRef","pagerRef","indexRef","navigationStateRef","position","offset","useEffect","current","jumpTo","useCallback","key","routes","findIndex","route","setPage","setPageWithoutAnimation","setValue","dismiss","onPageScrollStateChanged","state","pageScrollState","nativeEvent","subscription","addListener","value","next","Math","ceil","floor","forEach","listener","removeListener","addEnterListener","push","indexOf","splice","memoizedPosition","useMemo","add","render","styles","container","event","useNativeDriver","e","create","flex"],"
|
|
1
|
+
{"version":3,"names":["React","Animated","Keyboard","StyleSheet","ViewPager","useAnimatedValue","AnimatedViewPager","createAnimatedComponent","PagerViewAdapter","keyboardDismissMode","swipeEnabled","navigationState","onIndexChange","onSwipeStart","onSwipeEnd","children","style","animationEnabled","rest","index","listenersRef","useRef","pagerRef","indexRef","navigationStateRef","position","offset","useEffect","current","jumpTo","useCallback","key","routes","findIndex","route","setPage","setPageWithoutAnimation","setValue","dismiss","onPageScrollStateChanged","state","pageScrollState","nativeEvent","subscription","addListener","value","next","Math","ceil","floor","forEach","listener","removeListener","addEnterListener","push","indexOf","splice","memoizedPosition","useMemo","add","render","styles","container","event","useNativeDriver","e","create","flex"],"sourceRoot":"../../src","sources":["PagerViewAdapter.tsx"],"mappings":"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"}
|