react-native-tab-view 3.5.1 → 4.0.0-alpha.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 +2 -646
- package/lib/commonjs/PanResponderAdapter.js +6 -5
- package/lib/commonjs/PanResponderAdapter.js.map +1 -1
- package/lib/commonjs/SceneView.js.map +1 -1
- package/lib/commonjs/TabBar.js +79 -32
- package/lib/commonjs/TabBar.js.map +1 -1
- package/lib/commonjs/TabBarIndicator.js +8 -6
- package/lib/commonjs/TabBarIndicator.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/commonjs/TabView.js +6 -1
- package/lib/commonjs/TabView.js.map +1 -1
- package/lib/module/PanResponderAdapter.js +7 -6
- package/lib/module/PanResponderAdapter.js.map +1 -1
- package/lib/module/SceneView.js.map +1 -1
- package/lib/module/TabBar.js +79 -32
- package/lib/module/TabBar.js.map +1 -1
- package/lib/module/TabBarIndicator.js +9 -7
- package/lib/module/TabBarIndicator.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/module/TabView.js +7 -2
- package/lib/module/TabView.js.map +1 -1
- package/lib/typescript/src/PanResponderAdapter.d.ts +1 -1
- package/lib/typescript/src/PanResponderAdapter.d.ts.map +1 -1
- package/lib/typescript/src/TabBar.d.ts +3 -2
- package/lib/typescript/src/TabBar.d.ts.map +1 -1
- package/lib/typescript/src/TabBarIndicator.d.ts +6 -4
- 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/lib/typescript/src/TabView.d.ts +4 -3
- package/lib/typescript/src/TabView.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +1 -0
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +7 -7
- package/src/PanResponderAdapter.tsx +7 -5
- package/src/SceneView.tsx +1 -1
- package/src/TabBar.tsx +139 -44
- package/src/TabBarIndicator.tsx +20 -7
- package/src/TabBarItem.tsx +50 -42
- package/src/TabBarItemLabel.tsx +39 -0
- package/src/TabView.tsx +18 -1
- package/src/types.tsx +2 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Animated, Easing,
|
|
2
|
+
import { Animated, Easing, Platform, StyleSheet } from 'react-native';
|
|
3
3
|
import { useAnimatedValue } from './useAnimatedValue';
|
|
4
|
-
const getTranslateX = (position, routes, getTabWidth, gap) => {
|
|
4
|
+
const getTranslateX = (position, routes, getTabWidth, direction, gap) => {
|
|
5
5
|
const inputRange = routes.map((_, i) => i);
|
|
6
6
|
|
|
7
7
|
// every index contains widths at all previous indices
|
|
@@ -14,7 +14,7 @@ const getTranslateX = (position, routes, getTabWidth, gap) => {
|
|
|
14
14
|
outputRange,
|
|
15
15
|
extrapolate: 'clamp'
|
|
16
16
|
});
|
|
17
|
-
return Animated.multiply(translateX,
|
|
17
|
+
return Animated.multiply(translateX, direction === 'rtl' ? -1 : 1);
|
|
18
18
|
};
|
|
19
19
|
export function TabBarIndicator(_ref) {
|
|
20
20
|
let {
|
|
@@ -23,8 +23,10 @@ export function TabBarIndicator(_ref) {
|
|
|
23
23
|
navigationState,
|
|
24
24
|
position,
|
|
25
25
|
width,
|
|
26
|
+
direction,
|
|
26
27
|
gap,
|
|
27
|
-
style
|
|
28
|
+
style,
|
|
29
|
+
children
|
|
28
30
|
} = _ref;
|
|
29
31
|
const isIndicatorShown = React.useRef(false);
|
|
30
32
|
const isWidthDynamic = width === 'auto';
|
|
@@ -52,7 +54,7 @@ export function TabBarIndicator(_ref) {
|
|
|
52
54
|
} = navigationState;
|
|
53
55
|
const transform = [];
|
|
54
56
|
if (layout.width) {
|
|
55
|
-
const translateX = routes.length > 1 ? getTranslateX(position, routes, getTabWidth, gap) : 0;
|
|
57
|
+
const translateX = routes.length > 1 ? getTranslateX(position, routes, getTabWidth, direction, gap) : 0;
|
|
56
58
|
transform.push({
|
|
57
59
|
translateX
|
|
58
60
|
});
|
|
@@ -67,7 +69,7 @@ export function TabBarIndicator(_ref) {
|
|
|
67
69
|
extrapolate: 'clamp'
|
|
68
70
|
}) : outputRange[0]
|
|
69
71
|
}, {
|
|
70
|
-
translateX: 0.5
|
|
72
|
+
translateX: direction === 'rtl' ? -0.5 : 0.5
|
|
71
73
|
});
|
|
72
74
|
}
|
|
73
75
|
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
@@ -87,7 +89,7 @@ export function TabBarIndicator(_ref) {
|
|
|
87
89
|
}, width === 'auto' ? {
|
|
88
90
|
opacity: opacity
|
|
89
91
|
} : null, style]
|
|
90
|
-
});
|
|
92
|
+
}, children);
|
|
91
93
|
}
|
|
92
94
|
const styles = StyleSheet.create({
|
|
93
95
|
indicator: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Easing","
|
|
1
|
+
{"version":3,"names":["React","Animated","Easing","Platform","StyleSheet","useAnimatedValue","getTranslateX","position","routes","getTabWidth","direction","gap","inputRange","map","_","i","outputRange","reduce","acc","translateX","interpolate","extrapolate","multiply","TabBarIndicator","layout","navigationState","width","style","children","isIndicatorShown","useRef","isWidthDynamic","opacity","indicatorVisible","slice","index","every","r","useEffect","fadeInIndicator","current","timing","toValue","duration","easing","in","linear","useNativeDriver","start","stopAnimation","transform","length","push","scaleX","styles","indicator","OS","left","create","backgroundColor","bottom","right","height"],"sourceRoot":"../../src","sources":["TabBarIndicator.tsx"],"mappings":"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"}
|
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"}
|
package/lib/module/TabView.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
2
|
import * as React from 'react';
|
|
3
|
-
import { StyleSheet, View } from 'react-native';
|
|
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';
|
|
@@ -20,11 +20,15 @@ export function TabView(_ref) {
|
|
|
20
20
|
sceneContainerStyle,
|
|
21
21
|
pagerStyle,
|
|
22
22
|
style,
|
|
23
|
+
direction = I18nManager.getConstants().isRTL ? 'rtl' : 'ltr',
|
|
23
24
|
swipeEnabled = true,
|
|
24
25
|
tabBarPosition = 'top',
|
|
25
26
|
animationEnabled = true,
|
|
26
27
|
overScrollMode
|
|
27
28
|
} = _ref;
|
|
29
|
+
if (Platform.OS !== 'web' && direction !== (I18nManager.getConstants().isRTL ? 'rtl' : 'ltr')) {
|
|
30
|
+
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
|
+
}
|
|
28
32
|
const [layout, setLayout] = React.useState({
|
|
29
33
|
width: 0,
|
|
30
34
|
height: 0,
|
|
@@ -63,7 +67,8 @@ export function TabView(_ref) {
|
|
|
63
67
|
onIndexChange: jumpToIndex,
|
|
64
68
|
animationEnabled: animationEnabled,
|
|
65
69
|
overScrollMode: overScrollMode,
|
|
66
|
-
style: pagerStyle
|
|
70
|
+
style: pagerStyle,
|
|
71
|
+
layoutDirection: direction
|
|
67
72
|
}, _ref2 => {
|
|
68
73
|
let {
|
|
69
74
|
position,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","Pager","SceneView","TabBar","TabView","onIndexChange","navigationState","renderScene","initialLayout","keyboardDismissMode","lazy","lazyPreloadDistance","onSwipeStart","onSwipeEnd","renderLazyPlaceholder","renderTabBar","props","sceneContainerStyle","pagerStyle","style","swipeEnabled","tabBarPosition","animationEnabled","overScrollMode","layout","setLayout","useState","width","height","jumpToIndex","index","handleLayout","e","nativeEvent","prevLayout","styles","pager","position","render","addEnterListener","jumpTo","sceneRendererProps","routes","map","route","i","key","loading","create","flex","overflow"],"sourceRoot":"../../src","sources":["TabView.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,
|
|
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","sceneContainerStyle","pagerStyle","style","direction","getConstants","isRTL","swipeEnabled","tabBarPosition","animationEnabled","overScrollMode","OS","console","warn","layout","setLayout","useState","width","height","jumpToIndex","index","handleLayout","e","nativeEvent","prevLayout","styles","pager","position","render","addEnterListener","jumpTo","sceneRendererProps","routes","map","route","i","key","loading","create","flex","overflow"],"sourceRoot":"../../src","sources":["TabView.tsx"],"mappings":"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"}
|
|
@@ -11,6 +11,6 @@ type Props<T extends Route> = PagerProps & {
|
|
|
11
11
|
jumpTo: (key: string) => void;
|
|
12
12
|
}) => React.ReactElement;
|
|
13
13
|
};
|
|
14
|
-
export declare function PanResponderAdapter<T extends Route>({ layout, keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onSwipeStart, onSwipeEnd, children, style, animationEnabled, }: Props<T>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
14
|
+
export declare function PanResponderAdapter<T extends Route>({ layout, keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onSwipeStart, onSwipeEnd, children, style, animationEnabled, layoutDirection, }: Props<T>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
15
15
|
export {};
|
|
16
16
|
//# sourceMappingURL=PanResponderAdapter.d.ts.map
|
|
@@ -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,
|
|
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;AAEtB,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,sEA+QV"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { PressableAndroidRippleConfig, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
3
3
|
import { Props as IndicatorProps } from './TabBarIndicator';
|
|
4
4
|
import { Props as TabBarItemProps } from './TabBarItem';
|
|
5
|
-
import type { Event, NavigationState, Route, Scene, SceneRendererProps } from './types';
|
|
5
|
+
import type { Event, LocaleDirection, NavigationState, Route, Scene, SceneRendererProps } from './types';
|
|
6
6
|
export type Props<T extends Route> = SceneRendererProps & {
|
|
7
7
|
navigationState: NavigationState<T>;
|
|
8
8
|
scrollEnabled?: boolean;
|
|
@@ -36,9 +36,10 @@ export type Props<T extends Route> = SceneRendererProps & {
|
|
|
36
36
|
labelStyle?: StyleProp<TextStyle>;
|
|
37
37
|
contentContainerStyle?: StyleProp<ViewStyle>;
|
|
38
38
|
style?: StyleProp<ViewStyle>;
|
|
39
|
+
direction?: LocaleDirection;
|
|
39
40
|
gap?: number;
|
|
40
41
|
testID?: string;
|
|
41
42
|
android_ripple?: PressableAndroidRippleConfig;
|
|
42
43
|
};
|
|
43
|
-
export declare function TabBar<T extends Route>({ getLabelText, getAccessible, getAccessibilityLabel, getTestID, renderIndicator, gap, scrollEnabled, jumpTo, navigationState, position, activeColor, bounces, contentContainerStyle, inactiveColor, indicatorContainerStyle, indicatorStyle, labelStyle, onTabLongPress, onTabPress, pressColor, pressOpacity, renderBadge, renderIcon, renderLabel, renderTabBarItem, style, tabStyle, testID, android_ripple, }: Props<T>): JSX.Element;
|
|
44
|
+
export declare function TabBar<T extends Route>({ getLabelText, getAccessible, getAccessibilityLabel, getTestID, renderIndicator, gap, scrollEnabled, jumpTo, navigationState, position, activeColor, bounces, contentContainerStyle, inactiveColor, indicatorContainerStyle, indicatorStyle, labelStyle, onTabLongPress, onTabPress, pressColor, pressOpacity, renderBadge, renderIcon, renderLabel, direction, renderTabBarItem, style, tabStyle, layout: propLayout, testID, android_ripple, }: Props<T>): JSX.Element;
|
|
44
45
|
//# sourceMappingURL=TabBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/TabBar.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/TabBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
-
import type { NavigationState, Route, SceneRendererProps } from './types';
|
|
3
|
+
import type { LocaleDirection, NavigationState, Route, SceneRendererProps } from './types';
|
|
4
4
|
export type GetTabWidth = (index: number) => number;
|
|
5
5
|
export type Props<T extends Route> = SceneRendererProps & {
|
|
6
6
|
navigationState: NavigationState<T>;
|
|
7
7
|
width: string | number;
|
|
8
|
-
style?: StyleProp<ViewStyle>;
|
|
9
8
|
getTabWidth: GetTabWidth;
|
|
9
|
+
direction: LocaleDirection;
|
|
10
|
+
style?: StyleProp<ViewStyle>;
|
|
10
11
|
gap?: number;
|
|
12
|
+
children?: React.ReactNode;
|
|
11
13
|
};
|
|
12
|
-
export declare function TabBarIndicator<T extends Route>({ getTabWidth, layout, navigationState, position, width, gap, style, }: Props<T>): JSX.Element;
|
|
14
|
+
export declare function TabBarIndicator<T extends Route>({ getTabWidth, layout, navigationState, position, width, direction, gap, style, children, }: Props<T>): JSX.Element;
|
|
13
15
|
//# sourceMappingURL=TabBarIndicator.d.ts.map
|
|
@@ -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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EAET,SAAS,EACV,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,MAAM,CAAC;IACvB,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;AA0BF,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,eAyFV"}
|
|
@@ -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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
-
import type { Layout, NavigationState, PagerProps, Route, SceneRendererProps } from './types';
|
|
4
|
-
export type Props<T extends Route> = PagerProps & {
|
|
3
|
+
import type { Layout, LocaleDirection, NavigationState, PagerProps, Route, SceneRendererProps } from './types';
|
|
4
|
+
export type Props<T extends Route> = Omit<PagerProps, 'layoutDirection'> & {
|
|
5
5
|
onIndexChange: (index: number) => void;
|
|
6
6
|
navigationState: NavigationState<T>;
|
|
7
7
|
renderScene: (props: SceneRendererProps & {
|
|
@@ -20,8 +20,9 @@ export type Props<T extends Route> = PagerProps & {
|
|
|
20
20
|
}) => boolean) | boolean;
|
|
21
21
|
lazyPreloadDistance?: number;
|
|
22
22
|
sceneContainerStyle?: StyleProp<ViewStyle>;
|
|
23
|
+
direction?: LocaleDirection;
|
|
23
24
|
pagerStyle?: StyleProp<ViewStyle>;
|
|
24
25
|
style?: StyleProp<ViewStyle>;
|
|
25
26
|
};
|
|
26
|
-
export declare function TabView<T extends Route>({ onIndexChange, navigationState, renderScene, initialLayout, keyboardDismissMode, lazy, lazyPreloadDistance, onSwipeStart, onSwipeEnd, renderLazyPlaceholder, renderTabBar, sceneContainerStyle, pagerStyle, style, swipeEnabled, tabBarPosition, animationEnabled, overScrollMode, }: Props<T>): JSX.Element;
|
|
27
|
+
export declare function TabView<T extends Route>({ onIndexChange, navigationState, renderScene, initialLayout, keyboardDismissMode, lazy, lazyPreloadDistance, onSwipeStart, onSwipeEnd, renderLazyPlaceholder, renderTabBar, sceneContainerStyle, pagerStyle, style, direction, swipeEnabled, tabBarPosition, animationEnabled, overScrollMode, }: Props<T>): JSX.Element;
|
|
27
28
|
//# sourceMappingURL=TabView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabView.d.ts","sourceRoot":"","sources":["../../../src/TabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"TabView.d.ts","sourceRoot":"","sources":["../../../src/TabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EACV,MAAM,EACN,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACL,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,GAAG;IACzE,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3E,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,kBAAkB,GAAG;QAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;KAAE,KAChE,KAAK,CAAC,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC,GAAG,OAAO,CAAC;IACpD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,wBAAgB,OAAO,CAAC,CAAC,SAAS,KAAK,EAAE,EACvC,aAAa,EACb,eAAe,EACf,WAAW,EACX,aAAa,EACb,mBAA4B,EAC5B,IAAY,EACZ,mBAAuB,EACvB,YAAY,EACZ,UAAU,EACV,qBAAkC,EAClC,YAA+C,EAC/C,mBAAmB,EACnB,UAAU,EACV,KAAK,EACL,SAA4D,EAC5D,YAAmB,EACnB,cAAsB,EACtB,gBAAuB,EACvB,cAAc,GACf,EAAE,KAAK,CAAC,CAAC,CAAC,eAuGV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,IAAI,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI;IACnC,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,IAAI;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,EAAE,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,MAAM,IAAI,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACZ,aAAa,GACb,eAAe,GACf,cAAc,GACd,gBAAgB,GAChB,0BAA0B,GAC1B,qBAAqB,GACrB,UAAU,CACb,GAAG;IACF,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,CAAC;AAE5C,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,IAAI,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI;IACnC,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,IAAI;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,EAAE,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,MAAM,IAAI,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACZ,aAAa,GACb,eAAe,GACf,cAAc,GACd,gBAAgB,GAChB,0BAA0B,GAC1B,qBAAqB,GACrB,UAAU,CACb,GAAG;IACF,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,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": "
|
|
4
|
+
"version": "4.0.0-alpha.0",
|
|
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.
|
|
48
|
-
"react-native-builder-bob": "^0.
|
|
49
|
-
"react-native-pager-view": "6.
|
|
46
|
+
"react": "18.2.0",
|
|
47
|
+
"react-native": "0.71.8",
|
|
48
|
+
"react-native-builder-bob": "^0.21.0",
|
|
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": "ddc5705b979d62bb3a293f221ec954cbad3dfba4"
|
|
72
72
|
}
|
|
@@ -2,7 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import {
|
|
3
3
|
Animated,
|
|
4
4
|
GestureResponderEvent,
|
|
5
|
-
I18nManager,
|
|
6
5
|
Keyboard,
|
|
7
6
|
PanResponder,
|
|
8
7
|
PanResponderGestureState,
|
|
@@ -60,6 +59,7 @@ export function PanResponderAdapter<T extends Route>({
|
|
|
60
59
|
children,
|
|
61
60
|
style,
|
|
62
61
|
animationEnabled = false,
|
|
62
|
+
layoutDirection = 'ltr',
|
|
63
63
|
}: Props<T>) {
|
|
64
64
|
const { routes, index } = navigationState;
|
|
65
65
|
|
|
@@ -147,7 +147,8 @@ export function PanResponderAdapter<T extends Route>({
|
|
|
147
147
|
return false;
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
const diffX =
|
|
150
|
+
const diffX =
|
|
151
|
+
layoutDirection === 'rtl' ? -gestureState.dx : gestureState.dx;
|
|
151
152
|
|
|
152
153
|
return (
|
|
153
154
|
isMovingHorizontally(event, gestureState) &&
|
|
@@ -172,7 +173,8 @@ export function PanResponderAdapter<T extends Route>({
|
|
|
172
173
|
_: GestureResponderEvent,
|
|
173
174
|
gestureState: PanResponderGestureState
|
|
174
175
|
) => {
|
|
175
|
-
const diffX =
|
|
176
|
+
const diffX =
|
|
177
|
+
layoutDirection === 'rtl' ? -gestureState.dx : gestureState.dx;
|
|
176
178
|
|
|
177
179
|
if (
|
|
178
180
|
// swiping left
|
|
@@ -222,7 +224,7 @@ export function PanResponderAdapter<T extends Route>({
|
|
|
222
224
|
Math.min(
|
|
223
225
|
Math.max(
|
|
224
226
|
0,
|
|
225
|
-
|
|
227
|
+
layoutDirection === 'rtl'
|
|
226
228
|
? currentIndex + gestureState.dx / Math.abs(gestureState.dx)
|
|
227
229
|
: currentIndex - gestureState.dx / Math.abs(gestureState.dx)
|
|
228
230
|
),
|
|
@@ -281,7 +283,7 @@ export function PanResponderAdapter<T extends Route>({
|
|
|
281
283
|
outputRange: [-maxTranslate, 0],
|
|
282
284
|
extrapolate: 'clamp',
|
|
283
285
|
}),
|
|
284
|
-
|
|
286
|
+
layoutDirection === 'rtl' ? -1 : 1
|
|
285
287
|
);
|
|
286
288
|
|
|
287
289
|
const position = React.useMemo(
|
package/src/SceneView.tsx
CHANGED