react-native-tab-view 4.0.0-alpha.8 → 4.0.0-alpha.9
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/TabBarIndicator.js +15 -3
- package/lib/commonjs/TabBarIndicator.js.map +1 -1
- package/lib/module/TabBarIndicator.js +16 -4
- package/lib/module/TabBarIndicator.js.map +1 -1
- package/lib/typescript/src/TabBarIndicator.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/TabBarIndicator.tsx +18 -3
|
@@ -80,14 +80,26 @@ function TabBarIndicator(_ref) {
|
|
|
80
80
|
translateX: direction === 'rtl' ? -0.5 : 0.5
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
const styleList = [];
|
|
84
|
+
|
|
85
|
+
// scaleX doesn't work properly on chrome and opera for linux and android
|
|
86
|
+
if (_reactNative.Platform.OS === 'web' && width === 'auto') {
|
|
87
|
+
styleList.push({
|
|
88
|
+
width: transform[1].scaleX
|
|
89
|
+
}, {
|
|
90
|
+
left: transform[0].translateX
|
|
91
|
+
});
|
|
92
|
+
} else {
|
|
93
|
+
styleList.push({
|
|
85
94
|
width: width === 'auto' ? 1 : width
|
|
86
95
|
}, {
|
|
87
96
|
start: `${100 / routes.length * navigationState.index}%`
|
|
88
97
|
}, {
|
|
89
98
|
transform
|
|
90
|
-
}
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
102
|
+
style: [styles.indicator, styleList, width === 'auto' ? {
|
|
91
103
|
opacity: opacity
|
|
92
104
|
} : null, style]
|
|
93
105
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_useAnimatedValue","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","getTranslateX","position","routes","getTabWidth","direction","gap","inputRange","map","_","outputRange","reduce","acc","translateX","interpolate","extrapolate","Animated","multiply","TabBarIndicator","_ref","layout","navigationState","width","style","children","isIndicatorShown","useRef","isWidthDynamic","opacity","useAnimatedValue","indicatorVisible","slice","index","every","useEffect","fadeInIndicator","current","timing","toValue","duration","easing","Easing","in","linear","useNativeDriver","start","stopAnimation","transform","length","push","scaleX","createElement","View","styles","indicator","StyleSheet","create","backgroundColor","bottom","end","height"],"sourceRoot":"../../src","sources":["TabBarIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_useAnimatedValue","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","getTranslateX","position","routes","getTabWidth","direction","gap","inputRange","map","_","outputRange","reduce","acc","translateX","interpolate","extrapolate","Animated","multiply","TabBarIndicator","_ref","layout","navigationState","width","style","children","isIndicatorShown","useRef","isWidthDynamic","opacity","useAnimatedValue","indicatorVisible","slice","index","every","useEffect","fadeInIndicator","current","timing","toValue","duration","easing","Easing","in","linear","useNativeDriver","start","stopAnimation","transform","length","push","scaleX","styleList","Platform","OS","left","createElement","View","styles","indicator","StyleSheet","create","backgroundColor","bottom","end","height"],"sourceRoot":"../../src","sources":["TabBarIndicator.tsx"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Animated, Easing, StyleSheet } from 'react-native';
|
|
2
|
+
import { Animated, Easing, Platform, StyleSheet } from 'react-native';
|
|
3
3
|
import { useAnimatedValue } from './useAnimatedValue';
|
|
4
4
|
const getTranslateX = (position, routes, getTabWidth, direction, gap) => {
|
|
5
5
|
const inputRange = routes.map((_, i) => i);
|
|
@@ -72,14 +72,26 @@ export function TabBarIndicator(_ref) {
|
|
|
72
72
|
translateX: direction === 'rtl' ? -0.5 : 0.5
|
|
73
73
|
});
|
|
74
74
|
}
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
const styleList = [];
|
|
76
|
+
|
|
77
|
+
// scaleX doesn't work properly on chrome and opera for linux and android
|
|
78
|
+
if (Platform.OS === 'web' && width === 'auto') {
|
|
79
|
+
styleList.push({
|
|
80
|
+
width: transform[1].scaleX
|
|
81
|
+
}, {
|
|
82
|
+
left: transform[0].translateX
|
|
83
|
+
});
|
|
84
|
+
} else {
|
|
85
|
+
styleList.push({
|
|
77
86
|
width: width === 'auto' ? 1 : width
|
|
78
87
|
}, {
|
|
79
88
|
start: `${100 / routes.length * navigationState.index}%`
|
|
80
89
|
}, {
|
|
81
90
|
transform
|
|
82
|
-
}
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
94
|
+
style: [styles.indicator, styleList, width === 'auto' ? {
|
|
83
95
|
opacity: opacity
|
|
84
96
|
} : null, style]
|
|
85
97
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Easing","StyleSheet","useAnimatedValue","getTranslateX","position","routes","getTabWidth","direction","gap","inputRange","map","_","i","outputRange","reduce","acc","translateX","interpolate","extrapolate","multiply","TabBarIndicator","_ref","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","createElement","View","styles","indicator","create","backgroundColor","bottom","end","height"],"sourceRoot":"../../src","sources":["TabBarIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,MAAM,
|
|
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","_ref","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","styleList","OS","left","createElement","View","styles","indicator","create","backgroundColor","bottom","end","height"],"sourceRoot":"../../src","sources":["TabBarIndicator.tsx"],"mappings":"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"}
|
|
@@ -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,
|
|
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;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,qBAiGV"}
|
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-alpha.
|
|
4
|
+
"version": "4.0.0-alpha.9",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
]
|
|
69
69
|
]
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "b1ed6b0d299189c62f0dc8d7171c243adc674a30"
|
|
72
72
|
}
|
package/src/TabBarIndicator.tsx
CHANGED
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import {
|
|
3
3
|
Animated,
|
|
4
4
|
Easing,
|
|
5
|
+
Platform,
|
|
5
6
|
type StyleProp,
|
|
6
7
|
StyleSheet,
|
|
7
8
|
type ViewStyle,
|
|
@@ -130,13 +131,27 @@ export function TabBarIndicator<T extends Route>({
|
|
|
130
131
|
);
|
|
131
132
|
}
|
|
132
133
|
|
|
134
|
+
const styleList: StyleProp<ViewStyle> = [];
|
|
135
|
+
|
|
136
|
+
// scaleX doesn't work properly on chrome and opera for linux and android
|
|
137
|
+
if (Platform.OS === 'web' && width === 'auto') {
|
|
138
|
+
styleList.push(
|
|
139
|
+
{ width: transform[1].scaleX },
|
|
140
|
+
{ left: transform[0].translateX }
|
|
141
|
+
);
|
|
142
|
+
} else {
|
|
143
|
+
styleList.push(
|
|
144
|
+
{ width: width === 'auto' ? 1 : width },
|
|
145
|
+
{ start: `${(100 / routes.length) * navigationState.index}%` },
|
|
146
|
+
{ transform }
|
|
147
|
+
);
|
|
148
|
+
}
|
|
149
|
+
|
|
133
150
|
return (
|
|
134
151
|
<Animated.View
|
|
135
152
|
style={[
|
|
136
153
|
styles.indicator,
|
|
137
|
-
|
|
138
|
-
{ start: `${(100 / routes.length) * navigationState.index}%` },
|
|
139
|
-
{ transform },
|
|
154
|
+
styleList,
|
|
140
155
|
width === 'auto' ? { opacity: opacity } : null,
|
|
141
156
|
style,
|
|
142
157
|
]}
|