react-native-tab-view 3.5.1 → 3.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -646
- package/lib/commonjs/SceneView.js.map +1 -1
- package/lib/commonjs/TabBarItem.js +29 -29
- package/lib/commonjs/TabBarItem.js.map +1 -1
- package/lib/commonjs/TabBarItemLabel.js +36 -0
- package/lib/commonjs/TabBarItemLabel.js.map +1 -0
- package/lib/module/SceneView.js.map +1 -1
- package/lib/module/TabBarItem.js +29 -29
- package/lib/module/TabBarItem.js.map +1 -1
- package/lib/module/TabBarItemLabel.js +28 -0
- package/lib/module/TabBarItemLabel.js.map +1 -0
- package/lib/typescript/src/TabBarIndicator.d.ts +0 -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/TabBarItemLabel.d.ts +11 -0
- package/lib/typescript/src/TabBarItemLabel.d.ts.map +1 -0
- package/package.json +6 -6
- package/src/SceneView.tsx +1 -1
- package/src/TabBarItem.tsx +50 -42
- package/src/TabBarItemLabel.tsx +39 -0
|
@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _useLatestCallback = _interopRequireDefault(require("use-latest-callback"));
|
|
10
10
|
var _PlatformPressable = require("./PlatformPressable");
|
|
11
|
+
var _TabBarItemLabel = require("./TabBarItemLabel");
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
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); }
|
|
13
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; }
|
|
@@ -42,10 +43,10 @@ const getInactiveOpacity = (position, routesLength, tabIndex) => {
|
|
|
42
43
|
};
|
|
43
44
|
const TabBarItemInternal = _ref => {
|
|
44
45
|
let {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
46
|
+
accessibilityLabel,
|
|
47
|
+
accessible,
|
|
48
|
+
label: labelText,
|
|
49
|
+
testID,
|
|
49
50
|
onLongPress,
|
|
50
51
|
onPress,
|
|
51
52
|
isFocused,
|
|
@@ -100,21 +101,11 @@ const TabBarItemInternal = _ref => {
|
|
|
100
101
|
}, activeIcon));
|
|
101
102
|
}
|
|
102
103
|
}
|
|
103
|
-
const renderLabel = renderLabelCustom
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
return /*#__PURE__*/React.createElement(_reactNative.Animated.Text, {
|
|
109
|
-
style: [styles.label, icon ? {
|
|
110
|
-
marginTop: 0
|
|
111
|
-
} : null, labelStyle, {
|
|
112
|
-
color: labelProps.color
|
|
113
|
-
}]
|
|
114
|
-
}, labelText);
|
|
115
|
-
}
|
|
116
|
-
return labelText;
|
|
117
|
-
};
|
|
104
|
+
const renderLabel = renderLabelCustom ? renderLabelCustom : labelProps => /*#__PURE__*/React.createElement(_TabBarItemLabel.TabBarItemLabel, _extends({}, labelProps, {
|
|
105
|
+
icon: icon,
|
|
106
|
+
label: labelText,
|
|
107
|
+
labelStyle: labelStyle
|
|
108
|
+
}));
|
|
118
109
|
if (renderLabel) {
|
|
119
110
|
const activeLabel = renderLabel({
|
|
120
111
|
route,
|
|
@@ -144,13 +135,12 @@ const TabBarItemInternal = _ref => {
|
|
|
144
135
|
const scene = {
|
|
145
136
|
route
|
|
146
137
|
};
|
|
147
|
-
|
|
148
|
-
accessibilityLabel = typeof accessibilityLabel !== 'undefined' ? accessibilityLabel : getLabelText(scene);
|
|
138
|
+
accessibilityLabel = typeof accessibilityLabel !== 'undefined' ? accessibilityLabel : labelText;
|
|
149
139
|
const badge = renderBadge ? renderBadge(scene) : null;
|
|
150
140
|
return /*#__PURE__*/React.createElement(_PlatformPressable.PlatformPressable, {
|
|
151
141
|
android_ripple: android_ripple,
|
|
152
|
-
testID:
|
|
153
|
-
accessible:
|
|
142
|
+
testID: testID,
|
|
143
|
+
accessible: accessible,
|
|
154
144
|
accessibilityLabel: accessibilityLabel,
|
|
155
145
|
accessibilityRole: "tab",
|
|
156
146
|
accessibilityState: {
|
|
@@ -181,12 +171,23 @@ function TabBarItem(props) {
|
|
|
181
171
|
onLayout,
|
|
182
172
|
navigationState,
|
|
183
173
|
route,
|
|
174
|
+
getAccessibilityLabel,
|
|
175
|
+
getLabelText,
|
|
176
|
+
getTestID,
|
|
177
|
+
getAccessible,
|
|
184
178
|
...rest
|
|
185
179
|
} = props;
|
|
186
180
|
const onPressLatest = (0, _useLatestCallback.default)(onPress);
|
|
187
181
|
const onLongPressLatest = (0, _useLatestCallback.default)(onLongPress);
|
|
188
182
|
const onLayoutLatest = (0, _useLatestCallback.default)(onLayout ? onLayout : () => {});
|
|
189
183
|
const tabIndex = navigationState.routes.indexOf(route);
|
|
184
|
+
const scene = {
|
|
185
|
+
route
|
|
186
|
+
};
|
|
187
|
+
const accessibilityLabel = getAccessibilityLabel(scene);
|
|
188
|
+
const label = getLabelText(scene);
|
|
189
|
+
const testID = getTestID(scene);
|
|
190
|
+
const accessible = getAccessible(scene);
|
|
190
191
|
return /*#__PURE__*/React.createElement(MemoizedTabBarItemInternal, _extends({}, rest, {
|
|
191
192
|
onPress: onPressLatest,
|
|
192
193
|
onLayout: onLayoutLatest,
|
|
@@ -194,15 +195,14 @@ function TabBarItem(props) {
|
|
|
194
195
|
isFocused: navigationState.index === tabIndex,
|
|
195
196
|
route: route,
|
|
196
197
|
index: tabIndex,
|
|
197
|
-
routesLength: navigationState.routes.length
|
|
198
|
+
routesLength: navigationState.routes.length,
|
|
199
|
+
accessibilityLabel: accessibilityLabel,
|
|
200
|
+
label: label,
|
|
201
|
+
testID: testID,
|
|
202
|
+
accessible: accessible
|
|
198
203
|
}));
|
|
199
204
|
}
|
|
200
205
|
const styles = _reactNative.StyleSheet.create({
|
|
201
|
-
label: {
|
|
202
|
-
margin: 4,
|
|
203
|
-
backgroundColor: 'transparent',
|
|
204
|
-
textTransform: 'uppercase'
|
|
205
|
-
},
|
|
206
206
|
icon: {
|
|
207
207
|
margin: 2
|
|
208
208
|
},
|
|
@@ -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","
|
|
1
|
+
{"version":3,"names":["DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","TabBarItemInternal","accessibilityLabel","accessible","label","labelText","testID","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","activeIcon","focused","inactiveIcon","styles","opacity","absoluteFill","labelProps","activeLabel","inactiveLabel","tabStyle","isWidthSet","width","tabContainerStyle","scene","badge","selected","pressable","item","MemoizedTabBarItemInternal","React","memo","TabBarItem","props","navigationState","getAccessibilityLabel","getLabelText","getTestID","getAccessible","rest","onPressLatest","useLatestCallback","onLongPressLatest","onLayoutLatest","routes","indexOf","create","margin","flex","alignItems","justifyContent","padding","minHeight","top","right","backgroundColor"],"sourceRoot":"../../src","sources":["TabBarItem.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TabBarItemLabel = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const TabBarItemLabel = /*#__PURE__*/_react.default.memo(_ref => {
|
|
11
|
+
let {
|
|
12
|
+
color,
|
|
13
|
+
label,
|
|
14
|
+
labelStyle,
|
|
15
|
+
icon
|
|
16
|
+
} = _ref;
|
|
17
|
+
if (!label) {
|
|
18
|
+
return null;
|
|
19
|
+
}
|
|
20
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.Text, {
|
|
21
|
+
style: [styles.label, icon ? {
|
|
22
|
+
marginTop: 0
|
|
23
|
+
} : null, labelStyle, {
|
|
24
|
+
color: color
|
|
25
|
+
}]
|
|
26
|
+
}, label);
|
|
27
|
+
});
|
|
28
|
+
exports.TabBarItemLabel = TabBarItemLabel;
|
|
29
|
+
const styles = _reactNative.StyleSheet.create({
|
|
30
|
+
label: {
|
|
31
|
+
margin: 4,
|
|
32
|
+
backgroundColor: 'transparent',
|
|
33
|
+
textTransform: 'uppercase'
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=TabBarItemLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["TabBarItemLabel","React","memo","color","label","labelStyle","icon","styles","marginTop","StyleSheet","create","margin","backgroundColor","textTransform"],"sourceRoot":"../../src","sources":["TabBarItemLabel.tsx"],"mappings":";;;;;;AAAA;AAEA;AAAoD;AAS7C,MAAMA,eAAe,gBAAGC,cAAK,CAACC,IAAI,CACvC,QAA8D;EAAA,IAA7D;IAAEC,KAAK;IAAEC,KAAK;IAAEC,UAAU;IAAEC;EAA2B,CAAC;EACvD,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACE,6BAAC,qBAAQ,CAAC,IAAI;IACZ,KAAK,EAAE,CACLG,MAAM,CAACH,KAAK,EACZE,IAAI,GAAG;MAAEE,SAAS,EAAE;IAAE,CAAC,GAAG,IAAI,EAC9BH,UAAU,EACV;MAAEF,KAAK,EAAEA;IAAM,CAAC;EAChB,GAEDC,KAAK,CACQ;AAEpB,CAAC,CACF;AAAC;AAEF,MAAMG,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BN,KAAK,EAAE;IACLO,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,aAAa;IAC9BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","SceneView","children","navigationState","lazy","layout","index","lazyPreloadDistance","addEnterListener","style","isLoading","setIsLoading","useState","Math","abs","useEffect","handleEnter","value","prevState","unsubscribe","timer","setTimeout","clearTimeout","focused","styles","route","width","absoluteFill","loading","create","flex","overflow"],"sourceRoot":"../../src","sources":["SceneView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAmBrE,OAAO,SAASC,SAAS,OASZ;EAAA,IAT8B;IACzCC,QAAQ;IACRC,eAAe;IACfC,IAAI;IACJC,MAAM;IACNC,KAAK;IACLC,mBAAmB;IACnBC,gBAAgB;IAChBC;EACQ,CAAC;EACT,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAC9CC,IAAI,CAACC,GAAG,CAACX,eAAe,CAACG,KAAK,GAAGA,KAAK,CAAC,GAAGC,mBAAmB,CAC9D;EAED,IACEG,SAAS,IACTG,IAAI,CAACC,GAAG,CAACX,eAAe,CAACG,KAAK,GAAGA,KAAK,CAAC,IAAIC,mBAAmB,EAC9D;IACA;IACAI,YAAY,CAAC,KAAK,CAAC;EACrB;EAEAb,KAAK,CAACiB,SAAS,CAAC,MAAM;IACpB,MAAMC,WAAW,GAAIC,KAAa,IAAK;MACrC;MACA,IAAIA,KAAK,KAAKX,KAAK,EAAE;QACnBK,YAAY,CAAEO,SAAS,IAAK;UAC1B,IAAIA,SAAS,EAAE;YACb,OAAO,KAAK;UACd;UACA,OAAOA,SAAS;QAClB,CAAC,CAAC;MACJ;IACF,CAAC;IAED,IAAIC,WAAqC;IACzC,IAAIC,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","SceneView","children","navigationState","lazy","layout","index","lazyPreloadDistance","addEnterListener","style","isLoading","setIsLoading","useState","Math","abs","useEffect","handleEnter","value","prevState","unsubscribe","timer","setTimeout","clearTimeout","focused","styles","route","width","absoluteFill","loading","create","flex","overflow"],"sourceRoot":"../../src","sources":["SceneView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAmBrE,OAAO,SAASC,SAAS,OASZ;EAAA,IAT8B;IACzCC,QAAQ;IACRC,eAAe;IACfC,IAAI;IACJC,MAAM;IACNC,KAAK;IACLC,mBAAmB;IACnBC,gBAAgB;IAChBC;EACQ,CAAC;EACT,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAC9CC,IAAI,CAACC,GAAG,CAACX,eAAe,CAACG,KAAK,GAAGA,KAAK,CAAC,GAAGC,mBAAmB,CAC9D;EAED,IACEG,SAAS,IACTG,IAAI,CAACC,GAAG,CAACX,eAAe,CAACG,KAAK,GAAGA,KAAK,CAAC,IAAIC,mBAAmB,EAC9D;IACA;IACAI,YAAY,CAAC,KAAK,CAAC;EACrB;EAEAb,KAAK,CAACiB,SAAS,CAAC,MAAM;IACpB,MAAMC,WAAW,GAAIC,KAAa,IAAK;MACrC;MACA,IAAIA,KAAK,KAAKX,KAAK,EAAE;QACnBK,YAAY,CAAEO,SAAS,IAAK;UAC1B,IAAIA,SAAS,EAAE;YACb,OAAO,KAAK;UACd;UACA,OAAOA,SAAS;QAClB,CAAC,CAAC;MACJ;IACF,CAAC;IAED,IAAIC,WAAqC;IACzC,IAAIC,KAAa;IAEjB,IAAIhB,IAAI,IAAIM,SAAS,EAAE;MACrB;MACAS,WAAW,GAAGX,gBAAgB,CAACQ,WAAW,CAAC;IAC7C,CAAC,MAAM,IAAIN,SAAS,EAAE;MACpB;MACA;MACAU,KAAK,GAAGC,UAAU,CAAC,MAAMV,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClD;IAEA,OAAO,MAAM;MAAA;MACX,gBAAAQ,WAAW,iDAAX,cAAe;MACfG,YAAY,CAACF,KAAK,CAAC;IACrB,CAAC;EACH,CAAC,EAAE,CAACZ,gBAAgB,EAAEF,KAAK,EAAEI,SAAS,EAAEN,IAAI,CAAC,CAAC;EAE9C,MAAMmB,OAAO,GAAGpB,eAAe,CAACG,KAAK,KAAKA,KAAK;EAE/C,oBACE,oBAAC,IAAI;IACH,2BAA2B,EAAE,CAACiB,OAAQ;IACtC,yBAAyB,EAAEA,OAAO,GAAG,MAAM,GAAG,qBAAsB;IACpE,KAAK,EAAE,CACLC,MAAM,CAACC,KAAK;IACZ;IACA;IACApB,MAAM,CAACqB,KAAK,GACR;MAAEA,KAAK,EAAErB,MAAM,CAACqB;IAAM,CAAC,GACvBH,OAAO,GACPxB,UAAU,CAAC4B,YAAY,GACvB,IAAI,EACRlB,KAAK;EACL;EAGA;EACA;EACA;EACAc,OAAO,IAAIlB,MAAM,CAACqB,KAAK,GAAGxB,QAAQ,CAAC;IAAE0B,OAAO,EAAElB;EAAU,CAAC,CAAC,GAAG,IAAI,CAE9D;AAEX;AAEA,MAAMc,MAAM,GAAGzB,UAAU,CAAC8B,MAAM,CAAC;EAC/BJ,KAAK,EAAE;IACLK,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}
|
package/lib/module/TabBarItem.js
CHANGED
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { Animated, StyleSheet, View } from 'react-native';
|
|
4
4
|
import useLatestCallback from 'use-latest-callback';
|
|
5
5
|
import { PlatformPressable } from './PlatformPressable';
|
|
6
|
+
import { TabBarItemLabel } from './TabBarItemLabel';
|
|
6
7
|
const DEFAULT_ACTIVE_COLOR = 'rgba(255, 255, 255, 1)';
|
|
7
8
|
const DEFAULT_INACTIVE_COLOR = 'rgba(255, 255, 255, 0.7)';
|
|
8
9
|
const getActiveOpacity = (position, routesLength, tabIndex) => {
|
|
@@ -33,10 +34,10 @@ const getInactiveOpacity = (position, routesLength, tabIndex) => {
|
|
|
33
34
|
};
|
|
34
35
|
const TabBarItemInternal = _ref => {
|
|
35
36
|
let {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
accessibilityLabel,
|
|
38
|
+
accessible,
|
|
39
|
+
label: labelText,
|
|
40
|
+
testID,
|
|
40
41
|
onLongPress,
|
|
41
42
|
onPress,
|
|
42
43
|
isFocused,
|
|
@@ -91,21 +92,11 @@ const TabBarItemInternal = _ref => {
|
|
|
91
92
|
}, activeIcon));
|
|
92
93
|
}
|
|
93
94
|
}
|
|
94
|
-
const renderLabel = renderLabelCustom
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
return /*#__PURE__*/React.createElement(Animated.Text, {
|
|
100
|
-
style: [styles.label, icon ? {
|
|
101
|
-
marginTop: 0
|
|
102
|
-
} : null, labelStyle, {
|
|
103
|
-
color: labelProps.color
|
|
104
|
-
}]
|
|
105
|
-
}, labelText);
|
|
106
|
-
}
|
|
107
|
-
return labelText;
|
|
108
|
-
};
|
|
95
|
+
const renderLabel = renderLabelCustom ? renderLabelCustom : labelProps => /*#__PURE__*/React.createElement(TabBarItemLabel, _extends({}, labelProps, {
|
|
96
|
+
icon: icon,
|
|
97
|
+
label: labelText,
|
|
98
|
+
labelStyle: labelStyle
|
|
99
|
+
}));
|
|
109
100
|
if (renderLabel) {
|
|
110
101
|
const activeLabel = renderLabel({
|
|
111
102
|
route,
|
|
@@ -135,13 +126,12 @@ const TabBarItemInternal = _ref => {
|
|
|
135
126
|
const scene = {
|
|
136
127
|
route
|
|
137
128
|
};
|
|
138
|
-
|
|
139
|
-
accessibilityLabel = typeof accessibilityLabel !== 'undefined' ? accessibilityLabel : getLabelText(scene);
|
|
129
|
+
accessibilityLabel = typeof accessibilityLabel !== 'undefined' ? accessibilityLabel : labelText;
|
|
140
130
|
const badge = renderBadge ? renderBadge(scene) : null;
|
|
141
131
|
return /*#__PURE__*/React.createElement(PlatformPressable, {
|
|
142
132
|
android_ripple: android_ripple,
|
|
143
|
-
testID:
|
|
144
|
-
accessible:
|
|
133
|
+
testID: testID,
|
|
134
|
+
accessible: accessible,
|
|
145
135
|
accessibilityLabel: accessibilityLabel,
|
|
146
136
|
accessibilityRole: "tab",
|
|
147
137
|
accessibilityState: {
|
|
@@ -172,12 +162,23 @@ export function TabBarItem(props) {
|
|
|
172
162
|
onLayout,
|
|
173
163
|
navigationState,
|
|
174
164
|
route,
|
|
165
|
+
getAccessibilityLabel,
|
|
166
|
+
getLabelText,
|
|
167
|
+
getTestID,
|
|
168
|
+
getAccessible,
|
|
175
169
|
...rest
|
|
176
170
|
} = props;
|
|
177
171
|
const onPressLatest = useLatestCallback(onPress);
|
|
178
172
|
const onLongPressLatest = useLatestCallback(onLongPress);
|
|
179
173
|
const onLayoutLatest = useLatestCallback(onLayout ? onLayout : () => {});
|
|
180
174
|
const tabIndex = navigationState.routes.indexOf(route);
|
|
175
|
+
const scene = {
|
|
176
|
+
route
|
|
177
|
+
};
|
|
178
|
+
const accessibilityLabel = getAccessibilityLabel(scene);
|
|
179
|
+
const label = getLabelText(scene);
|
|
180
|
+
const testID = getTestID(scene);
|
|
181
|
+
const accessible = getAccessible(scene);
|
|
181
182
|
return /*#__PURE__*/React.createElement(MemoizedTabBarItemInternal, _extends({}, rest, {
|
|
182
183
|
onPress: onPressLatest,
|
|
183
184
|
onLayout: onLayoutLatest,
|
|
@@ -185,15 +186,14 @@ export function TabBarItem(props) {
|
|
|
185
186
|
isFocused: navigationState.index === tabIndex,
|
|
186
187
|
route: route,
|
|
187
188
|
index: tabIndex,
|
|
188
|
-
routesLength: navigationState.routes.length
|
|
189
|
+
routesLength: navigationState.routes.length,
|
|
190
|
+
accessibilityLabel: accessibilityLabel,
|
|
191
|
+
label: label,
|
|
192
|
+
testID: testID,
|
|
193
|
+
accessible: accessible
|
|
189
194
|
}));
|
|
190
195
|
}
|
|
191
196
|
const styles = StyleSheet.create({
|
|
192
|
-
label: {
|
|
193
|
-
margin: 4,
|
|
194
|
-
backgroundColor: 'transparent',
|
|
195
|
-
textTransform: 'uppercase'
|
|
196
|
-
},
|
|
197
197
|
icon: {
|
|
198
198
|
margin: 2
|
|
199
199
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","StyleSheet","View","useLatestCallback","PlatformPressable","DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","TabBarItemInternal","
|
|
1
|
+
{"version":3,"names":["React","Animated","StyleSheet","View","useLatestCallback","PlatformPressable","TabBarItemLabel","DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","TabBarItemInternal","accessibilityLabel","accessible","label","labelText","testID","onLongPress","onPress","isFocused","route","style","inactiveColor","inactiveColorCustom","activeColor","activeColorCustom","labelStyle","onLayout","index","pressColor","pressOpacity","renderBadge","renderIcon","defaultTabWidth","renderLabel","renderLabelCustom","android_ripple","borderless","labelColorFromStyle","flatten","color","undefined","activeOpacity","inactiveOpacity","icon","activeIcon","focused","inactiveIcon","styles","opacity","absoluteFill","labelProps","activeLabel","inactiveLabel","tabStyle","isWidthSet","width","tabContainerStyle","scene","badge","selected","pressable","item","MemoizedTabBarItemInternal","memo","TabBarItem","props","navigationState","getAccessibilityLabel","getLabelText","getTestID","getAccessible","rest","onPressLatest","onLongPressLatest","onLayoutLatest","routes","indexOf","create","margin","flex","alignItems","justifyContent","padding","minHeight","top","right","backgroundColor"],"sourceRoot":"../../src","sources":["TabBarItem.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Animated, StyleSheet } from 'react-native';
|
|
3
|
+
export const TabBarItemLabel = /*#__PURE__*/React.memo(_ref => {
|
|
4
|
+
let {
|
|
5
|
+
color,
|
|
6
|
+
label,
|
|
7
|
+
labelStyle,
|
|
8
|
+
icon
|
|
9
|
+
} = _ref;
|
|
10
|
+
if (!label) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return /*#__PURE__*/React.createElement(Animated.Text, {
|
|
14
|
+
style: [styles.label, icon ? {
|
|
15
|
+
marginTop: 0
|
|
16
|
+
} : null, labelStyle, {
|
|
17
|
+
color: color
|
|
18
|
+
}]
|
|
19
|
+
}, label);
|
|
20
|
+
});
|
|
21
|
+
const styles = StyleSheet.create({
|
|
22
|
+
label: {
|
|
23
|
+
margin: 4,
|
|
24
|
+
backgroundColor: 'transparent',
|
|
25
|
+
textTransform: 'uppercase'
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
//# sourceMappingURL=TabBarItemLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Animated","StyleSheet","TabBarItemLabel","memo","color","label","labelStyle","icon","styles","marginTop","create","margin","backgroundColor","textTransform"],"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,QAA8D;EAAA,IAA7D;IAAEC,KAAK;IAAEC,KAAK;IAAEC,UAAU;IAAEC;EAA2B,CAAC;EACvD,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACE,oBAAC,QAAQ,CAAC,IAAI;IACZ,KAAK,EAAE,CACLG,MAAM,CAACH,KAAK,EACZE,IAAI,GAAG;MAAEE,SAAS,EAAE;IAAE,CAAC,GAAG,IAAI,EAC9BH,UAAU,EACV;MAAEF,KAAK,EAAEA;IAAM,CAAC;EAChB,GAEDC,KAAK,CACQ;AAEpB,CAAC,CACF;AAED,MAAMG,MAAM,GAAGP,UAAU,CAACS,MAAM,CAAC;EAC/BL,KAAK,EAAE;IACLM,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,aAAa;IAC9BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarIndicator.d.ts","sourceRoot":"","sources":["../../../src/TabBarIndicator.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TabBarIndicator.d.ts","sourceRoot":"","sources":["../../../src/TabBarIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG1E,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,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAyBF,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,EAAE,EAC/C,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,KAAK,EACL,GAAG,EACH,KAAK,GACN,EAAE,KAAK,CAAC,CAAC,CAAC,eAqFV"}
|
|
@@ -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,iBAAiB,EACjB,4BAA4B,EAC5B,SAAS,EAET,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;
|
|
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,iBAAiB,EACjB,4BAA4B,EAC5B,SAAS,EAET,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI;IACnC,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,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACtD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,GAAG,SAAS,CAAC;IACxD,qBAAqB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IAC/D,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACnD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,KAAK,EAAE,CAAC,CAAC;QACT,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QACnB,KAAK,EAAE,CAAC,CAAC;QACT,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,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;AAoNF,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,eA0C1D"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
interface TabBarItemLabelProps {
|
|
4
|
+
color: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
labelStyle: StyleProp<ViewStyle>;
|
|
7
|
+
icon: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const TabBarItemLabel: React.MemoExoticComponent<({ color, label, labelStyle, icon }: TabBarItemLabelProps) => JSX.Element | null>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=TabBarItemLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabBarItemLabel.d.ts","sourceRoot":"","sources":["../../../src/TabBarItemLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,iEACW,oBAAoB,wBAkB1D,CAAC"}
|
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": "3.5.
|
|
4
|
+
"version": "3.5.2",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"bugs": {
|
|
23
23
|
"url": "https://github.com/react-navigation/react-navigation/issues"
|
|
24
24
|
},
|
|
25
|
-
"homepage": "https://
|
|
25
|
+
"homepage": "https://reactnavigation.org/docs/tab-view/",
|
|
26
26
|
"main": "lib/commonjs/index.js",
|
|
27
27
|
"react-native": "src/index.tsx",
|
|
28
28
|
"source": "src/index.tsx",
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"del-cli": "^5.0.0",
|
|
46
|
-
"react": "18.
|
|
47
|
-
"react-native": "0.
|
|
46
|
+
"react": "18.2.0",
|
|
47
|
+
"react-native": "0.71.8",
|
|
48
48
|
"react-native-builder-bob": "^0.20.4",
|
|
49
|
-
"react-native-pager-view": "6.
|
|
49
|
+
"react-native-pager-view": "6.1.2",
|
|
50
50
|
"typescript": "^4.9.4"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
]
|
|
69
69
|
]
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "36c8f091556157dab74d3483651bbcbd340762ff"
|
|
72
72
|
}
|
package/src/SceneView.tsx
CHANGED