react-native-tab-view 4.2.2 → 5.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/lib/module/Pager.android.js +1 -1
- package/lib/module/Pager.android.js.map +1 -1
- package/lib/module/Pager.ios.js +1 -1
- package/lib/module/Pager.ios.js.map +1 -1
- package/lib/module/PagerViewAdapter.js +3 -127
- package/lib/module/PagerViewAdapter.js.map +1 -1
- package/lib/module/PagerViewAdapter.native.js +130 -0
- package/lib/module/PagerViewAdapter.native.js.map +1 -0
- package/lib/module/PanResponderAdapter.js +43 -31
- package/lib/module/PanResponderAdapter.js.map +1 -1
- package/lib/module/PlatformPressable.js.map +1 -1
- package/lib/module/SceneView.js +22 -31
- package/lib/module/SceneView.js.map +1 -1
- package/lib/module/ScrollViewAdapter.js +210 -0
- package/lib/module/ScrollViewAdapter.js.map +1 -0
- package/lib/module/TabBar.js +98 -61
- package/lib/module/TabBar.js.map +1 -1
- package/lib/module/TabBarIndicator.js +6 -9
- package/lib/module/TabBarIndicator.js.map +1 -1
- package/lib/module/TabBarItem.js +4 -4
- package/lib/module/TabBarItem.js.map +1 -1
- package/lib/module/TabView.js +65 -84
- package/lib/module/TabView.js.map +1 -1
- package/lib/module/index.js +3 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/useMeasureLayout.js +36 -0
- package/lib/module/useMeasureLayout.js.map +1 -0
- package/lib/typescript/src/PagerViewAdapter.d.ts +3 -17
- package/lib/typescript/src/PagerViewAdapter.d.ts.map +1 -1
- package/lib/typescript/src/PagerViewAdapter.native.d.ts +6 -0
- package/lib/typescript/src/PagerViewAdapter.native.d.ts.map +1 -0
- package/lib/typescript/src/PanResponderAdapter.d.ts +3 -17
- package/lib/typescript/src/PanResponderAdapter.d.ts.map +1 -1
- package/lib/typescript/src/PlatformPressable.d.ts +2 -2
- package/lib/typescript/src/PlatformPressable.d.ts.map +1 -1
- package/lib/typescript/src/SceneView.d.ts +1 -1
- package/lib/typescript/src/SceneView.d.ts.map +1 -1
- package/lib/typescript/src/ScrollViewAdapter.d.ts +12 -0
- package/lib/typescript/src/ScrollViewAdapter.d.ts.map +1 -0
- package/lib/typescript/src/TabBar.d.ts +7 -7
- package/lib/typescript/src/TabBar.d.ts.map +1 -1
- package/lib/typescript/src/TabBarIndicator.d.ts +1 -1
- package/lib/typescript/src/TabBarIndicator.d.ts.map +1 -1
- package/lib/typescript/src/TabBarItem.d.ts +4 -4
- package/lib/typescript/src/TabBarItem.d.ts.map +1 -1
- package/lib/typescript/src/TabBarItemLabel.d.ts +2 -2
- package/lib/typescript/src/TabBarItemLabel.d.ts.map +1 -1
- package/lib/typescript/src/TabView.d.ts +5 -5
- package/lib/typescript/src/TabView.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +4 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +64 -8
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/useMeasureLayout.d.ts +5 -0
- package/lib/typescript/src/useMeasureLayout.d.ts.map +1 -0
- package/package.json +8 -8
- package/src/PagerViewAdapter.native.tsx +174 -0
- package/src/PagerViewAdapter.tsx +8 -181
- package/src/PanResponderAdapter.tsx +64 -77
- package/src/PlatformPressable.tsx +2 -1
- package/src/SceneView.tsx +23 -45
- package/src/ScrollViewAdapter.tsx +268 -0
- package/src/TabBar.tsx +134 -133
- package/src/TabBarIndicator.tsx +7 -11
- package/src/TabBarItem.tsx +8 -6
- package/src/TabBarItemLabel.tsx +2 -2
- package/src/TabView.tsx +79 -100
- package/src/index.tsx +10 -0
- package/src/types.tsx +75 -17
- package/src/useMeasureLayout.tsx +34 -0
|
@@ -31,7 +31,6 @@ const getTranslateX = (position, routes, getTabWidth, direction, gap, width) =>
|
|
|
31
31
|
};
|
|
32
32
|
export function TabBarIndicator({
|
|
33
33
|
getTabWidth,
|
|
34
|
-
layout,
|
|
35
34
|
navigationState,
|
|
36
35
|
position,
|
|
37
36
|
width,
|
|
@@ -43,7 +42,7 @@ export function TabBarIndicator({
|
|
|
43
42
|
const isIndicatorShown = React.useRef(false);
|
|
44
43
|
const isWidthDynamic = width === 'auto';
|
|
45
44
|
const opacity = useAnimatedValue(isWidthDynamic ? 0 : 1);
|
|
46
|
-
const indicatorVisible = isWidthDynamic ?
|
|
45
|
+
const indicatorVisible = isWidthDynamic ? navigationState.routes.slice(0, navigationState.index).every((_, r) => getTabWidth(r)) : true;
|
|
47
46
|
React.useEffect(() => {
|
|
48
47
|
const fadeInIndicator = () => {
|
|
49
48
|
if (!isIndicatorShown.current && isWidthDynamic &&
|
|
@@ -65,12 +64,10 @@ export function TabBarIndicator({
|
|
|
65
64
|
routes
|
|
66
65
|
} = navigationState;
|
|
67
66
|
const transform = [];
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
});
|
|
73
|
-
}
|
|
67
|
+
const translateX = routes.length > 1 ? getTranslateX(position, routes, getTabWidth, direction, gap, width) : 0;
|
|
68
|
+
transform.push({
|
|
69
|
+
translateX
|
|
70
|
+
});
|
|
74
71
|
if (width === 'auto') {
|
|
75
72
|
const inputRange = routes.map((_, i) => i);
|
|
76
73
|
const outputRange = inputRange.map(getTabWidth);
|
|
@@ -111,7 +108,7 @@ export function TabBarIndicator({
|
|
|
111
108
|
}
|
|
112
109
|
const styles = StyleSheet.create({
|
|
113
110
|
indicator: {
|
|
114
|
-
backgroundColor: '
|
|
111
|
+
backgroundColor: 'rgb(0, 122, 255)',
|
|
115
112
|
position: 'absolute',
|
|
116
113
|
start: 0,
|
|
117
114
|
bottom: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Easing","Platform","StyleSheet","useAnimatedValue","jsx","_jsx","useNativeDriver","OS","getTranslateX","position","routes","getTabWidth","direction","gap","width","inputRange","map","_","i","outputRange","reduce","acc","sumTabWidth","j","translateX","interpolate","extrapolate","multiply","TabBarIndicator","
|
|
1
|
+
{"version":3,"names":["React","Animated","Easing","Platform","StyleSheet","useAnimatedValue","jsx","_jsx","useNativeDriver","OS","getTranslateX","position","routes","getTabWidth","direction","gap","width","inputRange","map","_","i","outputRange","reduce","acc","sumTabWidth","j","translateX","interpolate","extrapolate","multiply","TabBarIndicator","navigationState","style","children","isIndicatorShown","useRef","isWidthDynamic","opacity","indicatorVisible","slice","index","every","r","useEffect","fadeInIndicator","current","timing","toValue","duration","easing","in","linear","start","stopAnimation","transform","length","push","scaleX","styleList","left","View","styles","indicator","create","backgroundColor","bottom","end","height"],"sourceRoot":"../../src","sources":["TabBarIndicator.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/TabBarItem.js
CHANGED
|
@@ -6,8 +6,8 @@ import useLatestCallback from 'use-latest-callback';
|
|
|
6
6
|
import { PlatformPressable } from "./PlatformPressable.js";
|
|
7
7
|
import { TabBarItemLabel } from "./TabBarItemLabel.js";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
const DEFAULT_ACTIVE_COLOR = 'rgba(
|
|
10
|
-
const DEFAULT_INACTIVE_COLOR = 'rgba(
|
|
9
|
+
const DEFAULT_ACTIVE_COLOR = 'rgba(0, 0, 0, 1)';
|
|
10
|
+
const DEFAULT_INACTIVE_COLOR = 'rgba(0, 0, 0, 0.5)';
|
|
11
11
|
const ICON_SIZE = 24;
|
|
12
12
|
const getActiveOpacity = (position, routesLength, tabIndex) => {
|
|
13
13
|
if (routesLength > 1) {
|
|
@@ -136,7 +136,6 @@ const TabBarItemInternal = ({
|
|
|
136
136
|
href: href,
|
|
137
137
|
style: [styles.pressable, tabContainerStyle],
|
|
138
138
|
children: /*#__PURE__*/_jsxs(View, {
|
|
139
|
-
pointerEvents: "none",
|
|
140
139
|
style: [styles.item, tabStyle],
|
|
141
140
|
children: [icon, /*#__PURE__*/_jsxs(View, {
|
|
142
141
|
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
@@ -193,7 +192,8 @@ const styles = StyleSheet.create({
|
|
|
193
192
|
alignItems: 'center',
|
|
194
193
|
justifyContent: 'center',
|
|
195
194
|
padding: 10,
|
|
196
|
-
minHeight: 48
|
|
195
|
+
minHeight: 48,
|
|
196
|
+
pointerEvents: 'none'
|
|
197
197
|
},
|
|
198
198
|
badge: {
|
|
199
199
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Platform","StyleSheet","View","useLatestCallback","PlatformPressable","TabBarItemLabel","jsx","_jsx","jsxs","_jsxs","DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","ICON_SIZE","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","ANDROID_RIPPLE_DEFAULT","borderless","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","labelAllowFontScaling","route","labelColorFromStyle","flatten","color","undefined","activeOpacity","inactiveOpacity","useMemo","inactiveIcon","focused","size","activeIcon","styles","children","opacity","absoluteFill","renderLabel","useCallback","allowFontScaling","tabStyle","isWidthSet","width","tabContainerStyle","ariaLabel","role","unstable_pressDelay","pressable","
|
|
1
|
+
{"version":3,"names":["React","Animated","Platform","StyleSheet","View","useLatestCallback","PlatformPressable","TabBarItemLabel","jsx","_jsx","jsxs","_jsxs","DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","ICON_SIZE","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","ANDROID_RIPPLE_DEFAULT","borderless","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","labelAllowFontScaling","route","labelColorFromStyle","flatten","color","undefined","activeOpacity","inactiveOpacity","useMemo","inactiveIcon","focused","size","activeIcon","styles","children","opacity","absoluteFill","renderLabel","useCallback","allowFontScaling","tabStyle","isWidthSet","width","tabContainerStyle","ariaLabel","role","unstable_pressDelay","pressable","item","MemoizedTabBarItemInternal","memo","TabBarItem","props","navigationState","rest","onPressLatest","onLongPressLatest","onLayoutLatest","routes","indexOf","create","margin","flex","alignItems","justifyContent","padding","minHeight","pointerEvents","top","end","backgroundColor","select","ios","borderRadius","borderCurve","default"],"sourceRoot":"../../src","sources":["TabBarItem.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/TabView.js
CHANGED
|
@@ -12,7 +12,6 @@ export function TabView({
|
|
|
12
12
|
onTabSelect,
|
|
13
13
|
navigationState,
|
|
14
14
|
renderScene,
|
|
15
|
-
initialLayout,
|
|
16
15
|
keyboardDismissMode = 'auto',
|
|
17
16
|
lazy = false,
|
|
18
17
|
lazyPreloadDistance = 0,
|
|
@@ -23,117 +22,99 @@ export function TabView({
|
|
|
23
22
|
renderTabBar = props => /*#__PURE__*/_jsx(TabBar, {
|
|
24
23
|
...props
|
|
25
24
|
}),
|
|
25
|
+
// eslint-disable-next-line @eslint-react/no-unstable-default-props
|
|
26
|
+
renderAdapter = props => /*#__PURE__*/_jsx(Pager, {
|
|
27
|
+
...props
|
|
28
|
+
}),
|
|
26
29
|
pagerStyle,
|
|
27
30
|
style,
|
|
28
31
|
direction = I18nManager.getConstants().isRTL ? 'rtl' : 'ltr',
|
|
29
32
|
swipeEnabled = true,
|
|
30
33
|
tabBarPosition = 'top',
|
|
31
34
|
animationEnabled = true,
|
|
32
|
-
overScrollMode,
|
|
33
35
|
options: sceneOptions,
|
|
34
36
|
commonOptions
|
|
35
37
|
}) {
|
|
36
38
|
if (Platform.OS !== 'web' && direction !== (I18nManager.getConstants().isRTL ? 'rtl' : 'ltr')) {
|
|
37
39
|
console.warn(`The 'direction' prop is set to '${direction}' but the effective value is '${I18nManager.getConstants().isRTL ? 'rtl' : 'ltr'}'. This is not supported. Make sure to match the 'direction' prop with the writing direction of the app.`);
|
|
38
40
|
}
|
|
39
|
-
const [layout, setLayout] = React.useState({
|
|
40
|
-
width: 0,
|
|
41
|
-
height: 0,
|
|
42
|
-
...initialLayout
|
|
43
|
-
});
|
|
44
41
|
const jumpToIndex = index => {
|
|
45
42
|
if (index !== navigationState.index) {
|
|
46
43
|
onIndexChange(index);
|
|
47
44
|
}
|
|
48
45
|
};
|
|
49
|
-
const handleLayout = e => {
|
|
50
|
-
const {
|
|
51
|
-
height,
|
|
52
|
-
width
|
|
53
|
-
} = e.nativeEvent.layout;
|
|
54
|
-
setLayout(prevLayout => {
|
|
55
|
-
if (prevLayout.width === width && prevLayout.height === height) {
|
|
56
|
-
return prevLayout;
|
|
57
|
-
}
|
|
58
|
-
return {
|
|
59
|
-
height,
|
|
60
|
-
width
|
|
61
|
-
};
|
|
62
|
-
});
|
|
63
|
-
};
|
|
64
46
|
const options = Object.fromEntries(navigationState.routes.map(route => [route.key, {
|
|
65
47
|
...commonOptions,
|
|
66
48
|
...sceneOptions?.[route.key]
|
|
67
49
|
}]));
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
50
|
+
const element = renderAdapter({
|
|
51
|
+
navigationState,
|
|
52
|
+
keyboardDismissMode,
|
|
53
|
+
swipeEnabled,
|
|
54
|
+
onSwipeStart,
|
|
55
|
+
onSwipeEnd,
|
|
56
|
+
onIndexChange: jumpToIndex,
|
|
57
|
+
onTabSelect,
|
|
58
|
+
animationEnabled,
|
|
59
|
+
layoutDirection: direction,
|
|
60
|
+
style: pagerStyle,
|
|
61
|
+
children: ({
|
|
62
|
+
position,
|
|
63
|
+
render,
|
|
64
|
+
subscribe,
|
|
65
|
+
jumpTo
|
|
66
|
+
}) => {
|
|
67
|
+
// All the props here must not change between re-renders
|
|
68
|
+
// This is crucial to optimizing the routes with PureComponent
|
|
69
|
+
const sceneRendererProps = {
|
|
85
70
|
position,
|
|
86
|
-
render,
|
|
87
|
-
addEnterListener,
|
|
88
71
|
jumpTo
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
|
|
72
|
+
};
|
|
73
|
+
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
74
|
+
children: [tabBarPosition === 'top' && renderTabBar({
|
|
75
|
+
...sceneRendererProps,
|
|
76
|
+
subscribe,
|
|
77
|
+
options,
|
|
78
|
+
navigationState
|
|
79
|
+
}), render(navigationState.routes.map((route, i) => {
|
|
80
|
+
const {
|
|
81
|
+
sceneStyle
|
|
82
|
+
} = options?.[route.key] ?? {};
|
|
83
|
+
return /*#__PURE__*/_jsx(SceneView, {
|
|
99
84
|
...sceneRendererProps,
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
85
|
+
subscribe: subscribe,
|
|
86
|
+
index: i,
|
|
87
|
+
lazy: typeof lazy === 'function' ? lazy({
|
|
88
|
+
route
|
|
89
|
+
}) : lazy,
|
|
90
|
+
lazyPreloadDistance: lazyPreloadDistance,
|
|
91
|
+
navigationState: navigationState,
|
|
92
|
+
style: sceneStyle,
|
|
93
|
+
children: ({
|
|
94
|
+
loading
|
|
95
|
+
}) => loading ? renderLazyPlaceholder({
|
|
96
|
+
route
|
|
97
|
+
}) : renderScene({
|
|
107
98
|
...sceneRendererProps,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
})
|
|
124
|
-
}, route.key);
|
|
125
|
-
})), tabBarPosition === 'bottom' && renderTabBar({
|
|
126
|
-
...sceneRendererProps,
|
|
127
|
-
options,
|
|
128
|
-
navigationState
|
|
129
|
-
})]
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
})
|
|
99
|
+
route
|
|
100
|
+
})
|
|
101
|
+
}, route.key);
|
|
102
|
+
})), tabBarPosition === 'bottom' && renderTabBar({
|
|
103
|
+
...sceneRendererProps,
|
|
104
|
+
subscribe,
|
|
105
|
+
options,
|
|
106
|
+
navigationState
|
|
107
|
+
})]
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
return /*#__PURE__*/_jsx(View, {
|
|
112
|
+
style: [styles.container, style],
|
|
113
|
+
children: element
|
|
133
114
|
});
|
|
134
115
|
}
|
|
135
116
|
const styles = StyleSheet.create({
|
|
136
|
-
|
|
117
|
+
container: {
|
|
137
118
|
flex: 1,
|
|
138
119
|
overflow: 'hidden'
|
|
139
120
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","I18nManager","Platform","StyleSheet","View","Pager","SceneView","TabBar","jsx","_jsx","jsxs","_jsxs","renderLazyPlaceholderDefault","TabView","onIndexChange","onTabSelect","navigationState","renderScene","
|
|
1
|
+
{"version":3,"names":["React","I18nManager","Platform","StyleSheet","View","Pager","SceneView","TabBar","jsx","_jsx","jsxs","_jsxs","renderLazyPlaceholderDefault","TabView","onIndexChange","onTabSelect","navigationState","renderScene","keyboardDismissMode","lazy","lazyPreloadDistance","onSwipeStart","onSwipeEnd","renderLazyPlaceholder","renderTabBar","props","renderAdapter","pagerStyle","style","direction","getConstants","isRTL","swipeEnabled","tabBarPosition","animationEnabled","options","sceneOptions","commonOptions","OS","console","warn","jumpToIndex","index","Object","fromEntries","routes","map","route","key","element","layoutDirection","children","position","render","subscribe","jumpTo","sceneRendererProps","Fragment","i","sceneStyle","loading","styles","container","create","flex","overflow"],"sourceRoot":"../../src","sources":["TabView.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,WAAW,EACXC,QAAQ,EAERC,UAAU,EACVC,IAAI,QAEC,cAAc;AAErB,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAoClC,MAAMC,4BAA4B,GAAGA,CAAA,KAAM,IAAI;AAE/C,OAAO,SAASC,OAAOA,CAAkB;EACvCC,aAAa;EACbC,WAAW;EACXC,eAAe;EACfC,WAAW;EACXC,mBAAmB,GAAG,MAAM;EAC5BC,IAAI,GAAG,KAAK;EACZC,mBAAmB,GAAG,CAAC;EACvBC,YAAY;EACZC,UAAU;EACVC,qBAAqB,GAAGX,4BAA4B;EACpD;EACAY,YAAY,GAAIC,KAAK,iBAAKhB,IAAA,CAACF,MAAM;IAAA,GAAKkB;EAAK,CAAG,CAAC;EAC/C;EACAC,aAAa,GAAID,KAAK,iBAAKhB,IAAA,CAACJ,KAAK;IAAA,GAAKoB;EAAK,CAAG,CAAC;EAC/CE,UAAU;EACVC,KAAK;EACLC,SAAS,GAAG5B,WAAW,CAAC6B,YAAY,CAAC,CAAC,CAACC,KAAK,GAAG,KAAK,GAAG,KAAK;EAC5DC,YAAY,GAAG,IAAI;EACnBC,cAAc,GAAG,KAAK;EACtBC,gBAAgB,GAAG,IAAI;EACvBC,OAAO,EAAEC,YAAY;EACrBC;AACQ,CAAC,EAAE;EACX,IACEnC,QAAQ,CAACoC,EAAE,KAAK,KAAK,IACrBT,SAAS,MAAM5B,WAAW,CAAC6B,YAAY,CAAC,CAAC,CAACC,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,EAChE;IACAQ,OAAO,CAACC,IAAI,CACV,mCAAmCX,SAAS,iCAC1C5B,WAAW,CAAC6B,YAAY,CAAC,CAAC,CAACC,KAAK,GAAG,KAAK,GAAG,KAAK,0GAEpD,CAAC;EACH;EAEA,MAAMU,WAAW,GAAIC,KAAa,IAAK;IACrC,IAAIA,KAAK,KAAK1B,eAAe,CAAC0B,KAAK,EAAE;MACnC5B,aAAa,CAAC4B,KAAK,CAAC;IACtB;EACF,CAAC;EAED,MAAMP,OAAO,GAAGQ,MAAM,CAACC,WAAW,CAChC5B,eAAe,CAAC6B,MAAM,CAACC,GAAG,CAAEC,KAAK,IAAK,CACpCA,KAAK,CAACC,GAAG,EACT;IACE,GAAGX,aAAa;IAChB,GAAGD,YAAY,GAAGW,KAAK,CAACC,GAAG;EAC7B,CAAC,CACF,CACH,CAAC;EAED,MAAMC,OAAO,GAAGvB,aAAa,CAAC;IAC5BV,eAAe;IACfE,mBAAmB;IACnBc,YAAY;IACZX,YAAY;IACZC,UAAU;IACVR,aAAa,EAAE2B,WAAW;IAC1B1B,WAAW;IACXmB,gBAAgB;IAChBgB,eAAe,EAAErB,SAAS;IAC1BD,KAAK,EAAED,UAAU;IACjBwB,QAAQ,EAAEA,CAAC;MAAEC,QAAQ;MAAEC,MAAM;MAAEC,SAAS;MAAEC;IAAO,CAAC,KAAK;MACrD;MACA;MACA,MAAMC,kBAAkB,GAAG;QACzBJ,QAAQ;QACRG;MACF,CAAC;MAED,oBACE5C,KAAA,CAACX,KAAK,CAACyD,QAAQ;QAAAN,QAAA,GACZlB,cAAc,KAAK,KAAK,IACvBT,YAAY,CAAC;UACX,GAAGgC,kBAAkB;UACrBF,SAAS;UACTnB,OAAO;UACPnB;QACF,CAAC,CAAC,EACHqC,MAAM,CACLrC,eAAe,CAAC6B,MAAM,CAACC,GAAG,CAAC,CAACC,KAAK,EAAEW,CAAC,KAAK;UACvC,MAAM;YAAEC;UAAW,CAAC,GAAGxB,OAAO,GAAGY,KAAK,CAACC,GAAG,CAAC,IAAI,CAAC,CAAC;UAEjD,oBACEvC,IAAA,CAACH,SAAS;YAAA,GAEJkD,kBAAkB;YACtBF,SAAS,EAAEA,SAAU;YACrBZ,KAAK,EAAEgB,CAAE;YACTvC,IAAI,EAAE,OAAOA,IAAI,KAAK,UAAU,GAAGA,IAAI,CAAC;cAAE4B;YAAM,CAAC,CAAC,GAAG5B,IAAK;YAC1DC,mBAAmB,EAAEA,mBAAoB;YACzCJ,eAAe,EAAEA,eAAgB;YACjCY,KAAK,EAAE+B,UAAW;YAAAR,QAAA,EAEjBA,CAAC;cAAES;YAAQ,CAAC,KACXA,OAAO,GACHrC,qBAAqB,CAAC;cAAEwB;YAAM,CAAC,CAAC,GAChC9B,WAAW,CAAC;cACV,GAAGuC,kBAAkB;cACrBT;YACF,CAAC;UAAC,GAfHA,KAAK,CAACC,GAiBF,CAAC;QAEhB,CAAC,CACH,CAAC,EACAf,cAAc,KAAK,QAAQ,IAC1BT,YAAY,CAAC;UACX,GAAGgC,kBAAkB;UACrBF,SAAS;UACTnB,OAAO;UACPnB;QACF,CAAC,CAAC;MAAA,CACU,CAAC;IAErB;EACF,CAAC,CAAC;EAEF,oBAAOP,IAAA,CAACL,IAAI;IAACwB,KAAK,EAAE,CAACiC,MAAM,CAACC,SAAS,EAAElC,KAAK,CAAE;IAAAuB,QAAA,EAAEF;EAAO,CAAO,CAAC;AACjE;AAEA,MAAMY,MAAM,GAAG1D,UAAU,CAAC4D,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
export { PagerViewAdapter } from './PagerViewAdapter';
|
|
4
|
+
export { PanResponderAdapter } from "./PanResponderAdapter.js";
|
|
3
5
|
export { SceneMap } from "./SceneMap.js";
|
|
6
|
+
export { ScrollViewAdapter } from "./ScrollViewAdapter.js";
|
|
4
7
|
export { TabBar } from "./TabBar.js";
|
|
5
8
|
export { TabBarIndicator } from "./TabBarIndicator.js";
|
|
6
9
|
export { TabBarItem } from "./TabBarItem.js";
|
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,
|
|
1
|
+
{"version":3,"names":["PagerViewAdapter","PanResponderAdapter","SceneMap","ScrollViewAdapter","TabBar","TabBarIndicator","TabBarItem","TabView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,gBAAgB,QAEX,oBAAoB;AAC3B,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,QAAQ,QAAQ,eAAY;AACrC,SACEC,iBAAiB,QAEZ,wBAAqB;AAE5B,SAASC,MAAM,QAAQ,aAAU;AAEjC,SAASC,eAAe,QAAQ,sBAAmB;AAEnD,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,OAAO,QAAQ,cAAW","ignoreList":[]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import useLatestCallback from 'use-latest-callback';
|
|
5
|
+
export function useMeasureLayout(ref, onMeasure) {
|
|
6
|
+
const [layout, setLayout] = React.useState({
|
|
7
|
+
width: 0,
|
|
8
|
+
height: 0
|
|
9
|
+
});
|
|
10
|
+
const onMeasureLatest = useLatestCallback(({
|
|
11
|
+
width,
|
|
12
|
+
height
|
|
13
|
+
}) => {
|
|
14
|
+
setLayout(layout => layout.width === width && layout.height === height ? layout : {
|
|
15
|
+
width,
|
|
16
|
+
height
|
|
17
|
+
});
|
|
18
|
+
onMeasure?.({
|
|
19
|
+
width,
|
|
20
|
+
height
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
React.useLayoutEffect(() => {
|
|
24
|
+
ref.current?.measure((_x, _y, width, height) => {
|
|
25
|
+
onMeasureLatest({
|
|
26
|
+
width,
|
|
27
|
+
height
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
}, [onMeasureLatest, ref]);
|
|
31
|
+
const onLayout = useLatestCallback(event => {
|
|
32
|
+
onMeasureLatest(event.nativeEvent.layout);
|
|
33
|
+
});
|
|
34
|
+
return [layout, onLayout];
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=useMeasureLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useLatestCallback","useMeasureLayout","ref","onMeasure","layout","setLayout","useState","width","height","onMeasureLatest","useLayoutEffect","current","measure","_x","_y","onLayout","event","nativeEvent"],"sourceRoot":"../../src","sources":["useMeasureLayout.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,iBAAiB,MAAM,qBAAqB;AAInD,OAAO,SAASC,gBAAgBA,CAC9BC,GAAiC,EACjCC,SAAoC,EACpC;EACA,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGN,KAAK,CAACO,QAAQ,CAAS;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAE3E,MAAMC,eAAe,GAAGT,iBAAiB,CAAC,CAAC;IAAEO,KAAK;IAAEC;EAAe,CAAC,KAAK;IACvEH,SAAS,CAAED,MAAM,IACfA,MAAM,CAACG,KAAK,KAAKA,KAAK,IAAIH,MAAM,CAACI,MAAM,KAAKA,MAAM,GAC9CJ,MAAM,GACN;MAAEG,KAAK;MAAEC;IAAO,CACtB,CAAC;IAEDL,SAAS,GAAG;MAAEI,KAAK;MAAEC;IAAO,CAAC,CAAC;EAChC,CAAC,CAAC;EAEFT,KAAK,CAACW,eAAe,CAAC,MAAM;IAC1BR,GAAG,CAACS,OAAO,EAAEC,OAAO,CAAC,CAACC,EAAE,EAAEC,EAAE,EAAEP,KAAK,EAAEC,MAAM,KAAK;MAC9CC,eAAe,CAAC;QAAEF,KAAK;QAAEC;MAAO,CAAC,CAAC;IACpC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACC,eAAe,EAAEP,GAAG,CAAC,CAAC;EAE1B,MAAMa,QAAQ,GAAGf,iBAAiB,CAAEgB,KAAwB,IAAK;IAC/DP,eAAe,CAACO,KAAK,CAACC,WAAW,CAACb,MAAM,CAAC;EAC3C,CAAC,CAAC;EAEF,OAAO,CAACA,MAAM,EAAEW,QAAQ,CAAC;AAC3B","ignoreList":[]}
|
|
@@ -1,18 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
type Props<T extends Route> = PagerProps & {
|
|
5
|
-
onIndexChange: (index: number) => void;
|
|
6
|
-
onTabSelect?: (props: {
|
|
7
|
-
index: number;
|
|
8
|
-
}) => void;
|
|
9
|
-
navigationState: NavigationState<T>;
|
|
10
|
-
children: (props: EventEmitterProps & {
|
|
11
|
-
position: Animated.AnimatedInterpolation<number>;
|
|
12
|
-
render: (children: React.ReactNode) => React.ReactNode;
|
|
13
|
-
jumpTo: (key: string) => void;
|
|
14
|
-
}) => React.ReactElement;
|
|
15
|
-
};
|
|
16
|
-
export declare function PagerViewAdapter<T extends Route>({ keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onTabSelect, onSwipeStart, onSwipeEnd, children, style, animationEnabled, ...rest }: Props<T>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
17
|
-
export {};
|
|
1
|
+
import type { PagerViewAdapter as PagerViewAdapterType, PagerViewAdapterProps } from './PagerViewAdapter.native';
|
|
2
|
+
export type { PagerViewAdapterProps };
|
|
3
|
+
export declare const PagerViewAdapter: typeof PagerViewAdapterType;
|
|
18
4
|
//# sourceMappingURL=PagerViewAdapter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PagerViewAdapter.d.ts","sourceRoot":"","sources":["../../../src/PagerViewAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"PagerViewAdapter.d.ts","sourceRoot":"","sources":["../../../src/PagerViewAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,IAAI,oBAAoB,EACxC,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EAAE,qBAAqB,EAAE,CAAC;AAEtC,eAAO,MAAM,gBAAgB,EAAE,OAAO,oBAIrC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type PagerViewProps } from 'react-native-pager-view';
|
|
3
|
+
import type { AdapterProps } from './types';
|
|
4
|
+
export type PagerViewAdapterProps = AdapterProps & Omit<PagerViewProps, keyof AdapterProps | 'initialPage' | 'scrollEnabled' | 'onPageScroll' | 'onPageSelected' | 'onPageScrollStateChanged' | 'children'>;
|
|
5
|
+
export declare function PagerViewAdapter({ keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onTabSelect, onSwipeStart, onSwipeEnd, children, style, animationEnabled, ...rest }: PagerViewAdapterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
6
|
+
//# sourceMappingURL=PagerViewAdapter.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PagerViewAdapter.native.d.ts","sourceRoot":"","sources":["../../../src/PagerViewAdapter.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAkB,EAChB,KAAK,cAAc,EAEpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAKtD,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAC9C,IAAI,CACF,cAAc,EACZ,MAAM,YAAY,GAClB,aAAa,GACb,eAAe,GACf,cAAc,GACd,gBAAgB,GAChB,0BAA0B,GAC1B,UAAU,CACb,CAAC;AAIJ,wBAAgB,gBAAgB,CAAC,EAC/B,mBAA4B,EAC5B,YAAmB,EACnB,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,qBAAqB,0EAgIvB"}
|
|
@@ -1,19 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
layout: Layout;
|
|
6
|
-
onIndexChange: (index: number) => void;
|
|
7
|
-
onTabSelect?: (props: {
|
|
8
|
-
index: number;
|
|
9
|
-
}) => void;
|
|
10
|
-
navigationState: NavigationState<T>;
|
|
11
|
-
children: (props: EventEmitterProps & {
|
|
12
|
-
position: Animated.AnimatedInterpolation<number>;
|
|
13
|
-
render: (children: React.ReactNode) => React.ReactNode;
|
|
14
|
-
jumpTo: (key: string) => void;
|
|
15
|
-
}) => React.ReactElement;
|
|
16
|
-
};
|
|
17
|
-
export declare function PanResponderAdapter<T extends Route>({ layout, keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onTabSelect, onSwipeStart, onSwipeEnd, children, style, animationEnabled, layoutDirection, }: Props<T>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
18
|
-
export {};
|
|
2
|
+
import type { AdapterProps } from './types';
|
|
3
|
+
export type PanResponderAdapterProps = AdapterProps;
|
|
4
|
+
export declare function PanResponderAdapter({ keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onTabSelect, onSwipeStart, onSwipeEnd, children, style, animationEnabled, layoutDirection, }: PanResponderAdapterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
19
5
|
//# 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;
|
|
1
|
+
{"version":3,"file":"PanResponderAdapter.d.ts","sourceRoot":"","sources":["../../../src/PanResponderAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAItD,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAYpD,wBAAgB,mBAAmB,CAAC,EAClC,mBAAmB,EACnB,YAAmB,EACnB,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAwB,EACxB,eAAuB,GACxB,EAAE,wBAAwB,0EAsR1B"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { type GestureResponderEvent, type PressableProps } from 'react-native';
|
|
2
|
+
import { type ColorValue, type GestureResponderEvent, type PressableProps } from 'react-native';
|
|
3
3
|
export type Props = Omit<PressableProps, 'onPress'> & {
|
|
4
4
|
href?: string;
|
|
5
|
-
pressColor?:
|
|
5
|
+
pressColor?: ColorValue;
|
|
6
6
|
pressOpacity?: number;
|
|
7
7
|
onPress?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent) => void;
|
|
8
8
|
children: React.ReactNode;
|
|
@@ -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,EACL,KAAK,qBAAqB,EAG1B,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"PlatformPressable.d.ts","sourceRoot":"","sources":["../../../src/PlatformPressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,qBAAqB,EAG1B,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CACR,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,qBAAqB,KACvE,IAAI,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAMF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,cAAc,EACd,UAAiC,EACjC,YAAY,EACZ,KAAK,EACL,OAAO,EACP,GAAG,IAAI,EACR,EAAE,KAAK,2CAyDP"}
|
|
@@ -11,6 +11,6 @@ type Props<T extends Route> = SceneRendererProps & EventEmitterProps & {
|
|
|
11
11
|
}) => React.ReactNode;
|
|
12
12
|
style?: StyleProp<ViewStyle>;
|
|
13
13
|
};
|
|
14
|
-
export declare function SceneView<T extends Route>({ children, navigationState, lazy,
|
|
14
|
+
export declare function SceneView<T extends Route>({ children, navigationState, lazy, index, lazyPreloadDistance, subscribe, style, }: Props<T>): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
export {};
|
|
16
16
|
//# sourceMappingURL=SceneView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SceneView.d.ts","sourceRoot":"","sources":["../../../src/SceneView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EACf,KAAK,EACL,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,kBAAkB,GAC9C,iBAAiB,GAAG;IAClB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,mBAAmB,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,KAAK,EAAE,EACzC,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,
|
|
1
|
+
{"version":3,"file":"SceneView.d.ts","sourceRoot":"","sources":["../../../src/SceneView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EACf,KAAK,EACL,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAEjB,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,kBAAkB,GAC9C,iBAAiB,GAAG;IAClB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,mBAAmB,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,KAAK,EAAE,EACzC,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,KAAK,EACL,mBAAmB,EACnB,SAAS,EACT,KAAK,GACN,EAAE,KAAK,CAAC,CAAC,CAAC,2CAgDV"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type ViewProps } from 'react-native';
|
|
3
|
+
import type { AdapterProps } from './types';
|
|
4
|
+
export type ScrollViewAdapterProps = AdapterProps & Omit<ViewProps, 'children'> & {
|
|
5
|
+
decelerationRate?: 'fast' | 'normal';
|
|
6
|
+
keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';
|
|
7
|
+
bounces?: boolean;
|
|
8
|
+
overScrollMode?: 'always' | 'never' | 'auto';
|
|
9
|
+
};
|
|
10
|
+
export declare function ScrollViewAdapter({ keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onTabSelect, onSwipeStart, onSwipeEnd, children, style, animationEnabled, layoutDirection: _, // Not supported in ScrollViewAdapter
|
|
11
|
+
decelerationRate, bounces, overScrollMode, keyboardShouldPersistTaps, ...rest }: ScrollViewAdapterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
12
|
+
//# sourceMappingURL=ScrollViewAdapter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollViewAdapter.d.ts","sourceRoot":"","sources":["../../../src/ScrollViewAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAGtD,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAC/C,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,yBAAyB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC9C,CAAC;AAMJ,wBAAgB,iBAAiB,CAAC,EAChC,mBAAmB,EACnB,YAAmB,EACnB,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAuB,EACvB,eAAe,EAAE,CAAC,EAAE,qCAAqC;AACzD,gBAAyB,EACzB,OAAe,EACf,cAAwB,EACxB,yBAAoC,EACpC,GAAG,IAAI,EACR,EAAE,sBAAsB,0EAkNxB"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { type PressableAndroidRippleConfig, type StyleProp, type ViewStyle } from 'react-native';
|
|
2
|
+
import { type ColorValue, type PressableAndroidRippleConfig, type StyleProp, type ViewStyle } from 'react-native';
|
|
3
3
|
import { type Props as IndicatorProps } from './TabBarIndicator';
|
|
4
4
|
import { type Props as TabBarItemProps } from './TabBarItem';
|
|
5
|
-
import type { Event, LocaleDirection, NavigationState, Route, Scene, SceneRendererProps, TabDescriptor } from './types';
|
|
6
|
-
export type Props<T extends Route> = SceneRendererProps & {
|
|
5
|
+
import type { Event, EventEmitterProps, LocaleDirection, NavigationState, Route, Scene, SceneRendererProps, TabDescriptor } from './types';
|
|
6
|
+
export type Props<T extends Route> = SceneRendererProps & EventEmitterProps & {
|
|
7
7
|
navigationState: NavigationState<T>;
|
|
8
8
|
scrollEnabled?: boolean;
|
|
9
9
|
bounces?: boolean;
|
|
10
|
-
activeColor?:
|
|
11
|
-
inactiveColor?:
|
|
12
|
-
pressColor?:
|
|
10
|
+
activeColor?: ColorValue;
|
|
11
|
+
inactiveColor?: ColorValue;
|
|
12
|
+
pressColor?: ColorValue;
|
|
13
13
|
pressOpacity?: number;
|
|
14
14
|
options?: Record<string, TabDescriptor<T>>;
|
|
15
15
|
renderIndicator?: (props: IndicatorProps<T>) => React.ReactNode;
|
|
@@ -28,5 +28,5 @@ export type Props<T extends Route> = SceneRendererProps & {
|
|
|
28
28
|
testID?: string;
|
|
29
29
|
android_ripple?: PressableAndroidRippleConfig;
|
|
30
30
|
};
|
|
31
|
-
export declare function TabBar<T extends Route>({ renderIndicator, gap, scrollEnabled, jumpTo, navigationState, position, activeColor, bounces, contentContainerStyle, inactiveColor, indicatorContainerStyle, indicatorStyle, onTabLongPress, onTabPress, pressColor, pressOpacity, direction, renderTabBarItem, style, tabStyle,
|
|
31
|
+
export declare function TabBar<T extends Route>({ renderIndicator, gap, scrollEnabled, jumpTo, navigationState, position, activeColor, bounces, contentContainerStyle, inactiveColor, indicatorContainerStyle, indicatorStyle, onTabLongPress, onTabPress, pressColor, pressOpacity, direction, renderTabBarItem, style, tabStyle, testID, android_ripple, options, }: Props<T>): import("react/jsx-runtime").JSX.Element;
|
|
32
32
|
//# sourceMappingURL=TabBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/TabBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,UAAU,EAOf,KAAK,4BAA4B,EACjC,KAAK,SAAS,EAGd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,KAAK,KAAK,IAAI,cAAc,EAE7B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,KAAK,IAAI,eAAe,EAAc,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EACV,KAAK,EACL,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,KAAK,EACL,KAAK,EACL,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,kBAAkB,GACrD,iBAAiB,GAAG;IAClB,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,gBAAgB,CAAC,EAAE,CACjB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,KACxC,KAAK,CAAC,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,4BAA4B,CAAC;CAC/C,CAAC;AAoRJ,wBAAgB,MAAM,CAAC,CAAC,SAAS,KAAK,EAAE,EACtC,eAAwC,EACxC,GAAO,EACP,aAAa,EACb,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,cAAc,EACd,UAAU,EACV,UAAU,EACV,YAAY,EACZ,SAA4D,EAC5D,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,cAAc,EACd,OAAO,GACR,EAAE,KAAK,CAAC,CAAC,CAAC,2CAwUV"}
|
|
@@ -11,5 +11,5 @@ export type Props<T extends Route> = SceneRendererProps & {
|
|
|
11
11
|
gap?: number;
|
|
12
12
|
children?: React.ReactNode;
|
|
13
13
|
};
|
|
14
|
-
export declare function TabBarIndicator<T extends Route>({ getTabWidth,
|
|
14
|
+
export declare function TabBarIndicator<T extends Route>({ getTabWidth, navigationState, position, width, direction, gap, style, children, }: Props<T>): import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
//# sourceMappingURL=TabBarIndicator.d.ts.map
|
|
@@ -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;AA2CF,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,EAAE,EAC/C,WAAW,EACX,
|
|
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;AA2CF,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,EAAE,EAC/C,WAAW,EACX,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,EACH,KAAK,EACL,QAAQ,GACT,EAAE,KAAK,CAAC,CAAC,CAAC,2CA8FV"}
|