react-native-tab-view 4.0.0-alpha.9 → 4.0.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/Pager.android.js.map +1 -1
- package/lib/commonjs/Pager.ios.js.map +1 -1
- package/lib/commonjs/Pager.js.map +1 -1
- package/lib/commonjs/PagerViewAdapter.js +24 -24
- package/lib/commonjs/PagerViewAdapter.js.map +1 -1
- package/lib/commonjs/PanResponderAdapter.js +27 -29
- package/lib/commonjs/PanResponderAdapter.js.map +1 -1
- package/lib/commonjs/PlatformPressable.js +20 -22
- package/lib/commonjs/PlatformPressable.js.map +1 -1
- package/lib/commonjs/SceneMap.js +16 -20
- package/lib/commonjs/SceneMap.js.map +1 -1
- package/lib/commonjs/SceneView.js +11 -12
- package/lib/commonjs/SceneView.js.map +1 -1
- package/lib/commonjs/TabBar.js +87 -106
- package/lib/commonjs/TabBar.js.map +1 -1
- package/lib/commonjs/TabBarIndicator.js +25 -17
- package/lib/commonjs/TabBarIndicator.js.map +1 -1
- package/lib/commonjs/TabBarItem.js +44 -36
- package/lib/commonjs/TabBarItem.js.map +1 -1
- package/lib/commonjs/TabBarItemLabel.js +7 -8
- package/lib/commonjs/TabBarItemLabel.js.map +1 -1
- package/lib/commonjs/TabView.js +37 -42
- package/lib/commonjs/TabView.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/useAnimatedValue.js +1 -1
- 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 +22 -22
- package/lib/module/PagerViewAdapter.js.map +1 -1
- package/lib/module/PanResponderAdapter.js +25 -28
- package/lib/module/PanResponderAdapter.js.map +1 -1
- package/lib/module/PlatformPressable.js +19 -21
- package/lib/module/PlatformPressable.js.map +1 -1
- package/lib/module/SceneMap.js +15 -19
- package/lib/module/SceneMap.js.map +1 -1
- package/lib/module/SceneView.js +10 -11
- package/lib/module/SceneView.js.map +1 -1
- package/lib/module/TabBar.js +85 -104
- package/lib/module/TabBar.js.map +1 -1
- package/lib/module/TabBarIndicator.js +24 -16
- package/lib/module/TabBarIndicator.js.map +1 -1
- package/lib/module/TabBarItem.js +43 -35
- package/lib/module/TabBarItem.js.map +1 -1
- package/lib/module/TabBarItemLabel.js +6 -7
- package/lib/module/TabBarItemLabel.js.map +1 -1
- package/lib/module/TabView.js +36 -41
- 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.map +1 -1
- package/lib/typescript/src/PagerViewAdapter.d.ts.map +1 -1
- package/lib/typescript/src/PanResponderAdapter.d.ts.map +1 -1
- package/lib/typescript/src/PlatformPressable.d.ts.map +1 -1
- package/lib/typescript/src/TabBarIndicator.d.ts.map +1 -1
- package/lib/typescript/src/TabBarItem.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +6 -6
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/useAnimatedValue.d.ts.map +1 -1
- package/package.json +6 -7
- package/src/PagerViewAdapter.tsx +16 -16
- package/src/PanResponderAdapter.tsx +12 -15
- package/src/PlatformPressable.tsx +4 -1
- package/src/TabBar.tsx +2 -2
- package/src/TabBarIndicator.tsx +19 -4
- package/src/TabBarItem.tsx +8 -2
- package/src/types.tsx +5 -6
package/lib/module/TabBarItem.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { Animated, StyleSheet, View } from 'react-native';
|
|
3
|
+
import { Animated, Platform, StyleSheet, View } from 'react-native';
|
|
4
4
|
import useLatestCallback from 'use-latest-callback';
|
|
5
5
|
import { PlatformPressable } from './PlatformPressable';
|
|
6
6
|
import { TabBarItemLabel } from './TabBarItemLabel';
|
|
@@ -33,36 +33,35 @@ const getInactiveOpacity = (position, routesLength, tabIndex) => {
|
|
|
33
33
|
return 0;
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
|
-
const TabBarItemInternal =
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
} = _ref;
|
|
36
|
+
const TabBarItemInternal = ({
|
|
37
|
+
accessibilityLabel,
|
|
38
|
+
accessible,
|
|
39
|
+
label: customlabel,
|
|
40
|
+
testID,
|
|
41
|
+
onLongPress,
|
|
42
|
+
onPress,
|
|
43
|
+
isFocused,
|
|
44
|
+
position,
|
|
45
|
+
style,
|
|
46
|
+
inactiveColor: inactiveColorCustom,
|
|
47
|
+
activeColor: activeColorCustom,
|
|
48
|
+
labelStyle,
|
|
49
|
+
onLayout,
|
|
50
|
+
index: tabIndex,
|
|
51
|
+
pressColor,
|
|
52
|
+
pressOpacity,
|
|
53
|
+
defaultTabWidth,
|
|
54
|
+
icon: customIcon,
|
|
55
|
+
badge: customBadge,
|
|
56
|
+
href,
|
|
57
|
+
labelText,
|
|
58
|
+
routesLength,
|
|
59
|
+
android_ripple = {
|
|
60
|
+
borderless: true
|
|
61
|
+
},
|
|
62
|
+
labelAllowFontScaling,
|
|
63
|
+
route
|
|
64
|
+
}) => {
|
|
66
65
|
const labelColorFromStyle = StyleSheet.flatten(labelStyle || {}).color;
|
|
67
66
|
const activeColor = activeColorCustom !== undefined ? activeColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : DEFAULT_ACTIVE_COLOR;
|
|
68
67
|
const inactiveColor = inactiveColorCustom !== undefined ? inactiveColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : DEFAULT_INACTIVE_COLOR;
|
|
@@ -100,7 +99,7 @@ const TabBarItemInternal = _ref => {
|
|
|
100
99
|
focused,
|
|
101
100
|
color: focused ? activeColor : inactiveColor,
|
|
102
101
|
style: labelStyle,
|
|
103
|
-
|
|
102
|
+
labelText,
|
|
104
103
|
allowFontScaling: labelAllowFontScaling,
|
|
105
104
|
route
|
|
106
105
|
}) : /*#__PURE__*/React.createElement(TabBarItemLabel, {
|
|
@@ -145,7 +144,9 @@ const TabBarItemInternal = _ref => {
|
|
|
145
144
|
}]
|
|
146
145
|
}, renderLabel(true))), customBadge != null ? /*#__PURE__*/React.createElement(View, {
|
|
147
146
|
style: styles.badge
|
|
148
|
-
}, customBadge(
|
|
147
|
+
}, customBadge({
|
|
148
|
+
route
|
|
149
|
+
})) : null));
|
|
149
150
|
};
|
|
150
151
|
const MemoizedTabBarItemInternal = /*#__PURE__*/React.memo(TabBarItemInternal);
|
|
151
152
|
export function TabBarItem(props) {
|
|
@@ -190,7 +191,14 @@ const styles = StyleSheet.create({
|
|
|
190
191
|
pressable: {
|
|
191
192
|
// The label is not pressable on Windows
|
|
192
193
|
// Adding backgroundColor: 'transparent' seems to fix it
|
|
193
|
-
backgroundColor: 'transparent'
|
|
194
|
+
backgroundColor: 'transparent',
|
|
195
|
+
...Platform.select({
|
|
196
|
+
// Roundness for iPad hover effect
|
|
197
|
+
ios: {
|
|
198
|
+
borderRadius: 10
|
|
199
|
+
},
|
|
200
|
+
default: null
|
|
201
|
+
})
|
|
194
202
|
}
|
|
195
203
|
});
|
|
196
204
|
//# sourceMappingURL=TabBarItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","StyleSheet","View","useLatestCallback","PlatformPressable","TabBarItemLabel","DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","ICON_SIZE","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","TabBarItemInternal","
|
|
1
|
+
{"version":3,"names":["React","Animated","Platform","StyleSheet","View","useLatestCallback","PlatformPressable","TabBarItemLabel","DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","ICON_SIZE","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","TabBarItemInternal","accessibilityLabel","accessible","label","customlabel","testID","onLongPress","onPress","isFocused","style","inactiveColor","inactiveColorCustom","activeColor","activeColorCustom","labelStyle","onLayout","index","pressColor","pressOpacity","defaultTabWidth","icon","customIcon","badge","customBadge","href","labelText","android_ripple","borderless","labelAllowFontScaling","route","labelColorFromStyle","flatten","color","undefined","activeOpacity","inactiveOpacity","useMemo","inactiveIcon","focused","size","activeIcon","createElement","styles","opacity","absoluteFill","renderLabel","useCallback","allowFontScaling","tabStyle","isWidthSet","width","tabContainerStyle","accessibilityRole","accessibilityState","selected","unstable_pressDelay","pressable","pointerEvents","item","MemoizedTabBarItemInternal","memo","TabBarItem","props","navigationState","rest","onPressLatest","onLongPressLatest","onLayoutLatest","routes","indexOf","_extends","create","margin","flex","alignItems","justifyContent","padding","minHeight","top","end","backgroundColor","select","ios","borderRadius","default"],"sourceRoot":"../../src","sources":["TabBarItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Animated, StyleSheet } from 'react-native';
|
|
3
|
-
export const TabBarItemLabel = /*#__PURE__*/React.memo(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
3
|
+
export const TabBarItemLabel = /*#__PURE__*/React.memo(({
|
|
4
|
+
color,
|
|
5
|
+
label,
|
|
6
|
+
labelStyle,
|
|
7
|
+
icon
|
|
8
|
+
}) => {
|
|
10
9
|
if (!label) {
|
|
11
10
|
return null;
|
|
12
11
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","StyleSheet","TabBarItemLabel","memo","
|
|
1
|
+
{"version":3,"names":["React","Animated","StyleSheet","TabBarItemLabel","memo","color","label","labelStyle","icon","createElement","Text","style","styles","marginTop","create","margin","fontSize","fontWeight","backgroundColor"],"sourceRoot":"../../src","sources":["TabBarItemLabel.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AASnD,OAAO,MAAMC,eAAe,gBAAGH,KAAK,CAACI,IAAI,CACvC,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,UAAU;EAAEC;AAA2B,CAAC,KAAK;EAC5D,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACEN,KAAA,CAAAS,aAAA,CAACR,QAAQ,CAACS,IAAI;IACZC,KAAK,EAAE,CACLC,MAAM,CAACN,KAAK,EACZE,IAAI,GAAG;MAAEK,SAAS,EAAE;IAAE,CAAC,GAAG,IAAI,EAC9BN,UAAU,EACV;MAAEF,KAAK,EAAEA;IAAM,CAAC;EAChB,GAEDC,KACY,CAAC;AAEpB,CACF,CAAC;AAED,MAAMM,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BR,KAAK,EAAE;IACLS,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/module/TabView.js
CHANGED
|
@@ -1,31 +1,30 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { I18nManager, Platform, StyleSheet, View } from 'react-native';
|
|
4
4
|
import { Pager } from './Pager';
|
|
5
5
|
import { SceneView } from './SceneView';
|
|
6
6
|
import { TabBar } from './TabBar';
|
|
7
|
-
export function TabView(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
} = _ref;
|
|
7
|
+
export function TabView({
|
|
8
|
+
onIndexChange,
|
|
9
|
+
navigationState,
|
|
10
|
+
renderScene,
|
|
11
|
+
initialLayout,
|
|
12
|
+
keyboardDismissMode = 'auto',
|
|
13
|
+
lazy = false,
|
|
14
|
+
lazyPreloadDistance = 0,
|
|
15
|
+
onSwipeStart,
|
|
16
|
+
onSwipeEnd,
|
|
17
|
+
renderLazyPlaceholder = () => null,
|
|
18
|
+
renderTabBar = props => /*#__PURE__*/React.createElement(TabBar, props),
|
|
19
|
+
sceneContainerStyle,
|
|
20
|
+
pagerStyle,
|
|
21
|
+
style,
|
|
22
|
+
direction = I18nManager.getConstants().isRTL ? 'rtl' : 'ltr',
|
|
23
|
+
swipeEnabled = true,
|
|
24
|
+
tabBarPosition = 'top',
|
|
25
|
+
animationEnabled = true,
|
|
26
|
+
overScrollMode
|
|
27
|
+
}) {
|
|
29
28
|
if (Platform.OS !== 'web' && direction !== (I18nManager.getConstants().isRTL ? 'rtl' : 'ltr')) {
|
|
30
29
|
console.warn(`The 'direction' prop is set to '${direction}' but the effective value is '${I18nManager.getConstants().isRTL ? 'rtl' : 'ltr'}'. This is not supported. Please use I18nManager.forceRTL to change the layout direction.`);
|
|
31
30
|
}
|
|
@@ -69,13 +68,12 @@ export function TabView(_ref) {
|
|
|
69
68
|
overScrollMode: overScrollMode,
|
|
70
69
|
style: pagerStyle,
|
|
71
70
|
layoutDirection: direction
|
|
72
|
-
},
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
} = _ref2;
|
|
71
|
+
}, ({
|
|
72
|
+
position,
|
|
73
|
+
render,
|
|
74
|
+
addEnterListener,
|
|
75
|
+
jumpTo
|
|
76
|
+
}) => {
|
|
79
77
|
// All the props here must not change between re-renders
|
|
80
78
|
// This is crucial to optimizing the routes with PureComponent
|
|
81
79
|
const sceneRendererProps = {
|
|
@@ -97,17 +95,14 @@ export function TabView(_ref) {
|
|
|
97
95
|
lazyPreloadDistance: lazyPreloadDistance,
|
|
98
96
|
navigationState: navigationState,
|
|
99
97
|
style: sceneContainerStyle
|
|
100
|
-
}),
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
route
|
|
109
|
-
});
|
|
110
|
-
});
|
|
98
|
+
}), ({
|
|
99
|
+
loading
|
|
100
|
+
}) => loading ? renderLazyPlaceholder({
|
|
101
|
+
route
|
|
102
|
+
}) : renderScene({
|
|
103
|
+
...sceneRendererProps,
|
|
104
|
+
route
|
|
105
|
+
}));
|
|
111
106
|
})), tabBarPosition === 'bottom' && renderTabBar({
|
|
112
107
|
...sceneRendererProps,
|
|
113
108
|
navigationState
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","I18nManager","Platform","StyleSheet","View","Pager","SceneView","TabBar","TabView","
|
|
1
|
+
{"version":3,"names":["React","I18nManager","Platform","StyleSheet","View","Pager","SceneView","TabBar","TabView","onIndexChange","navigationState","renderScene","initialLayout","keyboardDismissMode","lazy","lazyPreloadDistance","onSwipeStart","onSwipeEnd","renderLazyPlaceholder","renderTabBar","props","createElement","sceneContainerStyle","pagerStyle","style","direction","getConstants","isRTL","swipeEnabled","tabBarPosition","animationEnabled","overScrollMode","OS","console","warn","layout","setLayout","useState","width","height","jumpToIndex","index","handleLayout","e","nativeEvent","prevLayout","onLayout","styles","pager","layoutDirection","position","render","addEnterListener","jumpTo","sceneRendererProps","Fragment","routes","map","route","i","_extends","key","loading","create","flex","overflow"],"sourceRoot":"../../src","sources":["TabView.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SceneMap","TabBar","TabBarIndicator","TabBarItem","TabView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AAErC,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,OAAO,QAAQ,WAAW"}
|
|
1
|
+
{"version":3,"names":["SceneMap","TabBar","TabBarIndicator","TabBarItem","TabView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AAErC,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,OAAO,QAAQ,WAAW","ignoreList":[]}
|
package/lib/module/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":""}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.tsx"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","useAnimatedValue","initialValue","lazyRef","useRef","current","undefined","Value"],"sourceRoot":"../../src","sources":["useAnimatedValue.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,SAASC,gBAAgBA,CAACC,YAAoB,EAAE;EACrD,MAAMC,OAAO,GAAGJ,KAAK,CAACK,MAAM,CAAiB,CAAC;EAE9C,IAAID,OAAO,CAACE,OAAO,KAAKC,SAAS,EAAE;IACjCH,OAAO,CAACE,OAAO,GAAG,IAAIL,QAAQ,CAACO,KAAK,CAACL,YAAY,CAAC;EACpD;EAEA,OAAOC,OAAO,CAACE,OAAO;AACxB"}
|
|
1
|
+
{"version":3,"names":["React","Animated","useAnimatedValue","initialValue","lazyRef","useRef","current","undefined","Value"],"sourceRoot":"../../src","sources":["useAnimatedValue.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAO,SAASC,gBAAgBA,CAACC,YAAoB,EAAE;EACrD,MAAMC,OAAO,GAAGJ,KAAK,CAACK,MAAM,CAAiB,CAAC;EAE9C,IAAID,OAAO,CAACE,OAAO,KAAKC,SAAS,EAAE;IACjCH,OAAO,CAACE,OAAO,GAAG,IAAIL,QAAQ,CAACO,KAAK,CAACL,YAAY,CAAC;EACpD;EAEA,OAAOC,OAAO,CAACE,OAAO;AACxB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PagerViewAdapter.d.ts","sourceRoot":"","sources":["../../../src/PagerViewAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAwB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"PagerViewAdapter.d.ts","sourceRoot":"","sources":["../../../src/PagerViewAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAwB,MAAM,cAAc,CAAC;AAM9D,OAAO,KAAK,EACV,iBAAiB,EAEjB,eAAe,EACf,UAAU,EACV,KAAK,EACN,MAAM,SAAS,CAAC;AAKjB,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,UAAU,GAAG;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,QAAQ,EAAE,CACR,KAAK,EAAE,iBAAiB,GAAG;QAGzB,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;QAGjD,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;QAGvD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;KAC/B,KACE,KAAK,CAAC,YAAY,CAAC;CACzB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,KAAK,EAAE,EAChD,mBAA4B,EAC5B,YAAmB,EACnB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,CAAC,CAAC,sEA8HV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanResponderAdapter.d.ts","sourceRoot":"","sources":["../../../src/PanResponderAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAOT,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"PanResponderAdapter.d.ts","sourceRoot":"","sources":["../../../src/PanResponderAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAOT,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EACV,iBAAiB,EACjB,MAAM,EAEN,eAAe,EACf,UAAU,EACV,KAAK,EACN,MAAM,SAAS,CAAC;AAGjB,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,UAAU,GAAG;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,QAAQ,EAAE,CACR,KAAK,EAAE,iBAAiB,GAAG;QAGzB,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;QAGjD,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;QAGvD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;KAC/B,KACE,KAAK,CAAC,YAAY,CAAC;CACzB,CAAC;AAYF,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,KAAK,EAAE,EACnD,MAAM,EACN,mBAA4B,EAC5B,YAAmB,EACnB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAwB,EACxB,eAAuB,GACxB,EAAE,KAAK,CAAC,CAAC,CAAC,sEA2QV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlatformPressable.d.ts","sourceRoot":"","sources":["../../../src/PlatformPressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,cAAc,GAAG;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAMF;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,cAAc,EACd,UAAiC,EACjC,YAAY,EACZ,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACR,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"PlatformPressable.d.ts","sourceRoot":"","sources":["../../../src/PlatformPressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,cAAc,GAAG;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAMF;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,cAAc,EACd,UAAiC,EACjC,YAAY,EACZ,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACR,EAAE,KAAK,qBAuCP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarIndicator.d.ts","sourceRoot":"","sources":["../../../src/TabBarIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,KAAK,EACL,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEpD,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,kBAAkB,GAAG;IACxD,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACtC,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;
|
|
1
|
+
{"version":3,"file":"TabBarIndicator.d.ts","sourceRoot":"","sources":["../../../src/TabBarIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,KAAK,EACL,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEpD,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,kBAAkB,GAAG;IACxD,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACtC,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAyCF,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,EAAE,EAC/C,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,EACH,KAAK,EACL,QAAQ,GACT,EAAE,KAAK,CAAC,CAAC,CAAC,qBAiGV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarItem.d.ts","sourceRoot":"","sources":["../../../src/TabBarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,KAAK,iBAAiB,
|
|
1
|
+
{"version":3,"file":"TabBarItem.d.ts","sourceRoot":"","sources":["../../../src/TabBarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,KAAK,iBAAiB,EAEtB,KAAK,4BAA4B,EACjC,KAAK,SAAS,EAEd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACtD,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjD,KAAK,EAAE,CAAC,CAAC;IACT,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,4BAA4B,CAAC;CAC/C,CAAC;AA6NF,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,qBAsB1D"}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { Animated, StyleProp, TextStyle } from 'react-native';
|
|
3
2
|
import type { PagerViewProps } from 'react-native-pager-view';
|
|
4
3
|
export type TabDescriptor<T extends Route> = {
|
|
5
4
|
accessibilityLabel?: string;
|
|
6
|
-
labelStyle?: StyleProp<TextStyle>;
|
|
7
5
|
accessible?: boolean;
|
|
8
6
|
testID?: string;
|
|
9
7
|
labelText?: string;
|
|
10
8
|
labelAllowFontScaling?: boolean;
|
|
11
9
|
href?: string;
|
|
12
10
|
label?: (props: {
|
|
11
|
+
route: T;
|
|
12
|
+
labelText?: string;
|
|
13
13
|
focused: boolean;
|
|
14
14
|
color: string;
|
|
15
|
-
style?: StyleProp<TextStyle>;
|
|
16
15
|
allowFontScaling?: boolean;
|
|
17
|
-
|
|
18
|
-
route: T;
|
|
16
|
+
style?: StyleProp<TextStyle>;
|
|
19
17
|
}) => React.ReactElement;
|
|
20
18
|
icon?: (props: {
|
|
19
|
+
route: T;
|
|
21
20
|
focused: boolean;
|
|
22
21
|
color: string;
|
|
23
22
|
size: number;
|
|
23
|
+
}) => React.ReactElement;
|
|
24
|
+
badge?: (props: {
|
|
24
25
|
route: T;
|
|
25
26
|
}) => React.ReactElement;
|
|
26
|
-
badge?: () => React.ReactElement;
|
|
27
27
|
};
|
|
28
28
|
export type LocaleDirection = 'ltr' | 'rtl';
|
|
29
29
|
export type Route = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimatedValue.d.ts","sourceRoot":"","sources":["../../../src/useAnimatedValue.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useAnimatedValue.d.ts","sourceRoot":"","sources":["../../../src/useAnimatedValue.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAOzB,QAAQ,CAAC,KAAK,CACzC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-tab-view",
|
|
3
3
|
"description": "Tab view component for React Native",
|
|
4
|
-
"version": "4.0.0-
|
|
4
|
+
"version": "4.0.0-rc.1",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -23,9 +23,8 @@
|
|
|
23
23
|
"url": "https://github.com/react-navigation/react-navigation/issues"
|
|
24
24
|
},
|
|
25
25
|
"homepage": "https://reactnavigation.org/docs/tab-view/",
|
|
26
|
-
"main": "lib/commonjs/index.js",
|
|
27
|
-
"react-native": "src/index.tsx",
|
|
28
26
|
"source": "src/index.tsx",
|
|
27
|
+
"main": "lib/commonjs/index.js",
|
|
29
28
|
"module": "lib/module/index.js",
|
|
30
29
|
"types": "lib/typescript/src/index.d.ts",
|
|
31
30
|
"files": [
|
|
@@ -44,10 +43,10 @@
|
|
|
44
43
|
"devDependencies": {
|
|
45
44
|
"del-cli": "^5.1.0",
|
|
46
45
|
"react": "18.2.0",
|
|
47
|
-
"react-native": "0.
|
|
46
|
+
"react-native": "0.74.2",
|
|
48
47
|
"react-native-builder-bob": "^0.23.2",
|
|
49
|
-
"react-native-pager-view": "6.
|
|
50
|
-
"typescript": "^5.
|
|
48
|
+
"react-native-pager-view": "6.3.0",
|
|
49
|
+
"typescript": "^5.5.2"
|
|
51
50
|
},
|
|
52
51
|
"peerDependencies": {
|
|
53
52
|
"react": ">= 18.2.0",
|
|
@@ -68,5 +67,5 @@
|
|
|
68
67
|
]
|
|
69
68
|
]
|
|
70
69
|
},
|
|
71
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "6e5f0aeb8d75231faba5ca0502d949294c908b69"
|
|
72
71
|
}
|
package/src/PagerViewAdapter.tsx
CHANGED
|
@@ -3,6 +3,7 @@ import { Animated, Keyboard, StyleSheet } from 'react-native';
|
|
|
3
3
|
import ViewPager, {
|
|
4
4
|
type PageScrollStateChangedNativeEvent,
|
|
5
5
|
} from 'react-native-pager-view';
|
|
6
|
+
import useLatestCallback from 'use-latest-callback';
|
|
6
7
|
|
|
7
8
|
import type {
|
|
8
9
|
EventEmitterProps,
|
|
@@ -60,21 +61,20 @@ export function PagerViewAdapter<T extends Route>({
|
|
|
60
61
|
navigationStateRef.current = navigationState;
|
|
61
62
|
});
|
|
62
63
|
|
|
63
|
-
const jumpTo =
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
);
|
|
64
|
+
const jumpTo = useLatestCallback((key: string) => {
|
|
65
|
+
const index = navigationStateRef.current.routes.findIndex(
|
|
66
|
+
(route: { key: string }) => route.key === key
|
|
67
|
+
);
|
|
68
68
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
);
|
|
69
|
+
if (animationEnabled) {
|
|
70
|
+
pagerRef.current?.setPage(index);
|
|
71
|
+
} else {
|
|
72
|
+
pagerRef.current?.setPageWithoutAnimation(index);
|
|
73
|
+
position.setValue(index);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
onIndexChange(index);
|
|
77
|
+
});
|
|
78
78
|
|
|
79
79
|
React.useEffect(() => {
|
|
80
80
|
if (keyboardDismissMode === 'auto') {
|
|
@@ -118,7 +118,7 @@ export function PagerViewAdapter<T extends Route>({
|
|
|
118
118
|
}
|
|
119
119
|
};
|
|
120
120
|
|
|
121
|
-
const addEnterListener =
|
|
121
|
+
const addEnterListener = useLatestCallback((listener: Listener) => {
|
|
122
122
|
listenersRef.current.push(listener);
|
|
123
123
|
|
|
124
124
|
return () => {
|
|
@@ -128,7 +128,7 @@ export function PagerViewAdapter<T extends Route>({
|
|
|
128
128
|
listenersRef.current.splice(index, 1);
|
|
129
129
|
}
|
|
130
130
|
};
|
|
131
|
-
}
|
|
131
|
+
});
|
|
132
132
|
|
|
133
133
|
const memoizedPosition = React.useMemo(
|
|
134
134
|
() => Animated.add(position, offset),
|
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
StyleSheet,
|
|
9
9
|
View,
|
|
10
10
|
} from 'react-native';
|
|
11
|
+
import useLatestCallback from 'use-latest-callback';
|
|
11
12
|
|
|
12
13
|
import type {
|
|
13
14
|
EventEmitterProps,
|
|
@@ -77,7 +78,7 @@ export function PanResponderAdapter<T extends Route>({
|
|
|
77
78
|
const swipeVelocityThreshold = 0.15;
|
|
78
79
|
const swipeDistanceThreshold = layout.width / 1.75;
|
|
79
80
|
|
|
80
|
-
const jumpToIndex =
|
|
81
|
+
const jumpToIndex = useLatestCallback(
|
|
81
82
|
(index: number, animate = animationEnabled) => {
|
|
82
83
|
const offset = -index * layoutRef.current.width;
|
|
83
84
|
|
|
@@ -102,8 +103,7 @@ export function PanResponderAdapter<T extends Route>({
|
|
|
102
103
|
onIndexChangeRef.current(index);
|
|
103
104
|
pendingIndexRef.current = undefined;
|
|
104
105
|
}
|
|
105
|
-
}
|
|
106
|
-
[animationEnabled, panX]
|
|
106
|
+
}
|
|
107
107
|
);
|
|
108
108
|
|
|
109
109
|
React.useEffect(() => {
|
|
@@ -242,8 +242,7 @@ export function PanResponderAdapter<T extends Route>({
|
|
|
242
242
|
jumpToIndex(nextIndex, true);
|
|
243
243
|
};
|
|
244
244
|
|
|
245
|
-
|
|
246
|
-
const addEnterListener = React.useCallback((listener: Listener) => {
|
|
245
|
+
const addEnterListener = useLatestCallback((listener: Listener) => {
|
|
247
246
|
listenersRef.current.push(listener);
|
|
248
247
|
|
|
249
248
|
return () => {
|
|
@@ -253,18 +252,16 @@ export function PanResponderAdapter<T extends Route>({
|
|
|
253
252
|
listenersRef.current.splice(index, 1);
|
|
254
253
|
}
|
|
255
254
|
};
|
|
256
|
-
}
|
|
255
|
+
});
|
|
257
256
|
|
|
258
|
-
const jumpTo =
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
);
|
|
257
|
+
const jumpTo = useLatestCallback((key: string) => {
|
|
258
|
+
const index = navigationStateRef.current.routes.findIndex(
|
|
259
|
+
(route: { key: string }) => route.key === key
|
|
260
|
+
);
|
|
263
261
|
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
);
|
|
262
|
+
jumpToIndex(index);
|
|
263
|
+
onIndexChange(index);
|
|
264
|
+
});
|
|
268
265
|
|
|
269
266
|
const panResponder = PanResponder.create({
|
|
270
267
|
onMoveShouldSetPanResponder: canMoveScreen,
|
|
@@ -61,7 +61,10 @@ export function PlatformPressable({
|
|
|
61
61
|
: undefined
|
|
62
62
|
}
|
|
63
63
|
style={({ pressed }) => [
|
|
64
|
-
{
|
|
64
|
+
{
|
|
65
|
+
cursor: 'pointer', // Add hover effect on iPad and VisionOS,
|
|
66
|
+
opacity: pressed && !ANDROID_SUPPORTS_RIPPLE ? pressOpacity : 1,
|
|
67
|
+
},
|
|
65
68
|
typeof style === 'function' ? style({ pressed }) : style,
|
|
66
69
|
]}
|
|
67
70
|
onPress={disabled ? undefined : handlePress}
|
package/src/TabBar.tsx
CHANGED
|
@@ -454,7 +454,7 @@ export function TabBar<T extends Route>({
|
|
|
454
454
|
labelText = getLabelTextDefault({ route }),
|
|
455
455
|
accessible = getAccessibleDefault({ route }),
|
|
456
456
|
accessibilityLabel = getAccessibilityLabelDefault({ route }),
|
|
457
|
-
|
|
457
|
+
...rest
|
|
458
458
|
} = {
|
|
459
459
|
...commonOptions,
|
|
460
460
|
...options?.[route.key],
|
|
@@ -525,7 +525,7 @@ export function TabBar<T extends Route>({
|
|
|
525
525
|
: undefined;
|
|
526
526
|
|
|
527
527
|
const props = {
|
|
528
|
-
|
|
528
|
+
...rest,
|
|
529
529
|
key: route.key,
|
|
530
530
|
position,
|
|
531
531
|
route,
|