@react-navigation/bottom-tabs 6.5.7 → 7.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/index.js +12 -13
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/navigators/createBottomTabNavigator.js +7 -47
- package/lib/commonjs/navigators/createBottomTabNavigator.js.map +1 -1
- package/lib/commonjs/utils/BottomTabBarHeightCallbackContext.js +3 -3
- package/lib/commonjs/utils/BottomTabBarHeightCallbackContext.js.map +1 -1
- package/lib/commonjs/utils/BottomTabBarHeightContext.js +3 -3
- package/lib/commonjs/utils/BottomTabBarHeightContext.js.map +1 -1
- package/lib/commonjs/utils/useBottomTabBarHeight.js +3 -4
- package/lib/commonjs/utils/useBottomTabBarHeight.js.map +1 -1
- package/lib/commonjs/utils/useIsKeyboardShown.js +1 -1
- package/lib/commonjs/utils/useIsKeyboardShown.js.map +1 -1
- package/lib/commonjs/views/Badge.js +7 -4
- package/lib/commonjs/views/Badge.js.map +1 -1
- package/lib/commonjs/views/BottomTabBar.js +13 -14
- package/lib/commonjs/views/BottomTabBar.js.map +1 -1
- package/lib/commonjs/views/BottomTabItem.js +15 -13
- package/lib/commonjs/views/BottomTabItem.js.map +1 -1
- package/lib/commonjs/views/BottomTabView.js +7 -8
- package/lib/commonjs/views/BottomTabView.js.map +1 -1
- package/lib/commonjs/views/TabBarIcon.js +3 -3
- package/lib/commonjs/views/TabBarIcon.js.map +1 -1
- package/lib/module/index.js +6 -6
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigators/createBottomTabNavigator.js +4 -43
- package/lib/module/navigators/createBottomTabNavigator.js.map +1 -1
- package/lib/module/utils/BottomTabBarHeightCallbackContext.js +1 -1
- package/lib/module/utils/BottomTabBarHeightCallbackContext.js.map +1 -1
- package/lib/module/utils/BottomTabBarHeightContext.js +1 -1
- package/lib/module/utils/BottomTabBarHeightContext.js.map +1 -1
- package/lib/module/utils/useBottomTabBarHeight.js +2 -2
- package/lib/module/utils/useBottomTabBarHeight.js.map +1 -1
- package/lib/module/utils/useIsKeyboardShown.js +1 -1
- package/lib/module/utils/useIsKeyboardShown.js.map +1 -1
- package/lib/module/views/Badge.js +7 -4
- package/lib/module/views/Badge.js.map +1 -1
- package/lib/module/views/BottomTabBar.js +11 -12
- package/lib/module/views/BottomTabBar.js.map +1 -1
- package/lib/module/views/BottomTabItem.js +14 -12
- package/lib/module/views/BottomTabItem.js.map +1 -1
- package/lib/module/views/BottomTabView.js +4 -4
- package/lib/module/views/BottomTabView.js.map +1 -1
- package/lib/module/views/TabBarIcon.js +2 -2
- package/lib/module/views/TabBarIcon.js.map +1 -1
- package/lib/typescript/src/index.d.ts +6 -6
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/navigators/createBottomTabNavigator.d.ts +9 -4
- package/lib/typescript/src/navigators/createBottomTabNavigator.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +18 -18
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/BottomTabBarHeightCallbackContext.d.ts +1 -2
- package/lib/typescript/src/utils/BottomTabBarHeightCallbackContext.d.ts.map +1 -1
- package/lib/typescript/src/utils/BottomTabBarHeightContext.d.ts +1 -2
- package/lib/typescript/src/utils/BottomTabBarHeightContext.d.ts.map +1 -1
- package/lib/typescript/src/utils/useBottomTabBarHeight.d.ts +1 -1
- package/lib/typescript/src/utils/useBottomTabBarHeight.d.ts.map +1 -1
- package/lib/typescript/src/utils/useIsKeyboardShown.d.ts +1 -1
- package/lib/typescript/src/utils/useIsKeyboardShown.d.ts.map +1 -1
- package/lib/typescript/src/views/Badge.d.ts +2 -2
- package/lib/typescript/src/views/Badge.d.ts.map +1 -1
- package/lib/typescript/src/views/BottomTabBar.d.ts +3 -3
- package/lib/typescript/src/views/BottomTabBar.d.ts.map +1 -1
- package/lib/typescript/src/views/BottomTabItem.d.ts +10 -10
- package/lib/typescript/src/views/BottomTabItem.d.ts.map +1 -1
- package/lib/typescript/src/views/BottomTabView.d.ts +2 -2
- package/lib/typescript/src/views/BottomTabView.d.ts.map +1 -1
- package/lib/typescript/src/views/ScreenFallback.d.ts +1 -1
- package/lib/typescript/src/views/ScreenFallback.d.ts.map +1 -1
- package/lib/typescript/src/views/TabBarIcon.d.ts +2 -2
- package/lib/typescript/src/views/TabBarIcon.d.ts.map +1 -1
- package/package.json +14 -15
- package/src/index.tsx +6 -6
- package/src/navigators/createBottomTabNavigator.tsx +3 -64
- package/src/types.tsx +2 -2
- package/src/utils/BottomTabBarHeightCallbackContext.tsx +3 -3
- package/src/utils/BottomTabBarHeightContext.tsx +3 -1
- package/src/utils/useBottomTabBarHeight.tsx +2 -2
- package/src/utils/useIsKeyboardShown.tsx +1 -1
- package/src/views/Badge.tsx +4 -3
- package/src/views/BottomTabBar.tsx +9 -9
- package/src/views/BottomTabItem.tsx +21 -19
- package/src/views/BottomTabView.tsx +4 -4
- package/src/views/TabBarIcon.tsx +2 -2
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Navigators
|
|
3
3
|
*/
|
|
4
|
-
export {
|
|
4
|
+
export { createBottomTabNavigator } from './navigators/createBottomTabNavigator';
|
|
5
5
|
/**
|
|
6
6
|
* Views
|
|
7
7
|
*/
|
|
8
|
-
export {
|
|
9
|
-
export {
|
|
8
|
+
export { BottomTabBar } from './views/BottomTabBar';
|
|
9
|
+
export { BottomTabView } from './views/BottomTabView';
|
|
10
10
|
/**
|
|
11
11
|
* Utilities
|
|
12
12
|
*/
|
|
13
|
-
export {
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
13
|
+
export { BottomTabBarHeightCallbackContext } from './utils/BottomTabBarHeightCallbackContext';
|
|
14
|
+
export { BottomTabBarHeightContext } from './utils/BottomTabBarHeightContext';
|
|
15
|
+
export { useBottomTabBarHeight } from './utils/useBottomTabBarHeight';
|
|
16
16
|
/**
|
|
17
17
|
* Types
|
|
18
18
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE;;GAEG;AACH,YAAY,EACV,uBAAuB,EACvB,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,EAC3B,0BAA0B,EAC1B,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DefaultNavigatorOptions, ParamListBase, TabNavigationState, TabRouterOptions } from '@react-navigation/native';
|
|
3
3
|
import type { BottomTabNavigationConfig, BottomTabNavigationEventMap, BottomTabNavigationOptions } from '../types';
|
|
4
|
-
|
|
5
|
-
declare function BottomTabNavigator({ id, initialRouteName, backBehavior, children, screenListeners, screenOptions, sceneContainerStyle, ...
|
|
6
|
-
declare const
|
|
7
|
-
|
|
4
|
+
type Props = DefaultNavigatorOptions<ParamListBase, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap> & TabRouterOptions & BottomTabNavigationConfig;
|
|
5
|
+
declare function BottomTabNavigator({ id, initialRouteName, backBehavior, children, screenListeners, screenOptions, sceneContainerStyle, ...rest }: Props): JSX.Element;
|
|
6
|
+
export declare const createBottomTabNavigator: {
|
|
7
|
+
<ParamList extends ParamListBase>(): import("@react-navigation/native").TypedNavigator<ParamList, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, typeof BottomTabNavigator>;
|
|
8
|
+
<ParamList_1 extends ParamListBase, Config extends import("packages/core/lib/typescript/src/StaticNavigation").StaticConfig<ParamList_1, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, typeof BottomTabNavigator>>(config: Config): import("@react-navigation/native").TypedNavigator<ParamList_1, TabNavigationState<ParamListBase>, BottomTabNavigationOptions, BottomTabNavigationEventMap, typeof BottomTabNavigator> & {
|
|
9
|
+
config: Config;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
8
13
|
//# sourceMappingURL=createBottomTabNavigator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createBottomTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createBottomTabNavigator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,uBAAuB,EACvB,aAAa,EAEb,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"createBottomTabNavigator.d.ts","sourceRoot":"","sources":["../../../../src/navigators/createBottomTabNavigator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,uBAAuB,EACvB,aAAa,EAEb,kBAAkB,EAElB,gBAAgB,EAEjB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG,uBAAuB,CAClC,aAAa,EACb,kBAAkB,CAAC,aAAa,CAAC,EACjC,0BAA0B,EAC1B,2BAA2B,CAC5B,GACC,gBAAgB,GAChB,yBAAyB,CAAC;AAE5B,iBAAS,kBAAkB,CAAC,EAC1B,EAAE,EACF,gBAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,GAAG,IAAI,EACR,EAAE,KAAK,eA4BP;AAED,eAAO,MAAM,wBAAwB;;;;;CAKhB,CAAC"}
|
|
@@ -3,11 +3,11 @@ import type { Descriptor, NavigationHelpers, NavigationProp, ParamListBase, Rout
|
|
|
3
3
|
import type * as React from 'react';
|
|
4
4
|
import type { Animated, GestureResponderEvent, StyleProp, TextStyle, TouchableWithoutFeedbackProps, ViewStyle } from 'react-native';
|
|
5
5
|
import type { EdgeInsets } from 'react-native-safe-area-context';
|
|
6
|
-
export
|
|
6
|
+
export type Layout = {
|
|
7
7
|
width: number;
|
|
8
8
|
height: number;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type BottomTabNavigationEventMap = {
|
|
11
11
|
/**
|
|
12
12
|
* Event which fires on tapping on the tab in the tab bar.
|
|
13
13
|
*/
|
|
@@ -22,23 +22,23 @@ export declare type BottomTabNavigationEventMap = {
|
|
|
22
22
|
data: undefined;
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
|
-
export
|
|
26
|
-
export
|
|
27
|
-
export
|
|
28
|
-
export
|
|
25
|
+
export type LabelPosition = 'beside-icon' | 'below-icon';
|
|
26
|
+
export type BottomTabNavigationHelpers = NavigationHelpers<ParamListBase, BottomTabNavigationEventMap> & TabActionHelpers<ParamListBase>;
|
|
27
|
+
export type BottomTabNavigationProp<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = NavigationProp<ParamList, RouteName, NavigatorID, TabNavigationState<ParamList>, BottomTabNavigationOptions, BottomTabNavigationEventMap> & TabActionHelpers<ParamList>;
|
|
28
|
+
export type BottomTabScreenProps<ParamList extends ParamListBase, RouteName extends keyof ParamList = keyof ParamList, NavigatorID extends string | undefined = undefined> = {
|
|
29
29
|
navigation: BottomTabNavigationProp<ParamList, RouteName, NavigatorID>;
|
|
30
30
|
route: RouteProp<ParamList, RouteName>;
|
|
31
31
|
};
|
|
32
|
-
export
|
|
32
|
+
export type TimingKeyboardAnimationConfig = {
|
|
33
33
|
animation: 'timing';
|
|
34
34
|
config?: Omit<Partial<Animated.TimingAnimationConfig>, 'toValue' | 'useNativeDriver'>;
|
|
35
35
|
};
|
|
36
|
-
export
|
|
36
|
+
export type SpringKeyboardAnimationConfig = {
|
|
37
37
|
animation: 'spring';
|
|
38
38
|
config?: Omit<Partial<Animated.SpringAnimationConfig>, 'toValue' | 'useNativeDriver'>;
|
|
39
39
|
};
|
|
40
|
-
export
|
|
41
|
-
export
|
|
40
|
+
export type TabBarVisibilityAnimationConfig = TimingKeyboardAnimationConfig | SpringKeyboardAnimationConfig;
|
|
41
|
+
export type BottomTabNavigationOptions = HeaderOptions & {
|
|
42
42
|
/**
|
|
43
43
|
* Title text for the screen.
|
|
44
44
|
*/
|
|
@@ -105,7 +105,7 @@ export declare type BottomTabNavigationOptions = HeaderOptions & {
|
|
|
105
105
|
/**
|
|
106
106
|
* ID to locate this tab button in tests.
|
|
107
107
|
*/
|
|
108
|
-
|
|
108
|
+
tabBarButtonTestID?: string;
|
|
109
109
|
/**
|
|
110
110
|
* Function which returns a React element to render as the tab bar button.
|
|
111
111
|
* Renders `Pressable` by default.
|
|
@@ -182,9 +182,9 @@ export declare type BottomTabNavigationOptions = HeaderOptions & {
|
|
|
182
182
|
*/
|
|
183
183
|
freezeOnBlur?: boolean;
|
|
184
184
|
};
|
|
185
|
-
export
|
|
186
|
-
export
|
|
187
|
-
export
|
|
185
|
+
export type BottomTabDescriptor = Descriptor<BottomTabNavigationOptions, BottomTabNavigationProp<ParamListBase>, RouteProp<ParamListBase>>;
|
|
186
|
+
export type BottomTabDescriptorMap = Record<string, BottomTabDescriptor>;
|
|
187
|
+
export type BottomTabNavigationConfig = {
|
|
188
188
|
/**
|
|
189
189
|
* Function that returns a React element to display as the tab bar.
|
|
190
190
|
*/
|
|
@@ -210,7 +210,7 @@ export declare type BottomTabNavigationConfig = {
|
|
|
210
210
|
*/
|
|
211
211
|
sceneContainerStyle?: StyleProp<ViewStyle>;
|
|
212
212
|
};
|
|
213
|
-
export
|
|
213
|
+
export type BottomTabHeaderProps = {
|
|
214
214
|
/**
|
|
215
215
|
* Layout of the screen.
|
|
216
216
|
*/
|
|
@@ -228,14 +228,14 @@ export declare type BottomTabHeaderProps = {
|
|
|
228
228
|
*/
|
|
229
229
|
navigation: BottomTabNavigationProp<ParamListBase>;
|
|
230
230
|
};
|
|
231
|
-
export
|
|
231
|
+
export type BottomTabBarProps = {
|
|
232
232
|
state: TabNavigationState<ParamListBase>;
|
|
233
233
|
descriptors: BottomTabDescriptorMap;
|
|
234
234
|
navigation: NavigationHelpers<ParamListBase, BottomTabNavigationEventMap>;
|
|
235
235
|
insets: EdgeInsets;
|
|
236
236
|
};
|
|
237
|
-
export
|
|
238
|
-
|
|
237
|
+
export type BottomTabBarButtonProps = Omit<TouchableWithoutFeedbackProps, 'onPress'> & {
|
|
238
|
+
href?: string;
|
|
239
239
|
children: React.ReactNode;
|
|
240
240
|
onPress?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent) => void;
|
|
241
241
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EACV,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EACV,QAAQ,EACR,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,6BAA6B,EAC7B,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
declare const
|
|
3
|
-
export default _default;
|
|
2
|
+
export declare const BottomTabBarHeightCallbackContext: React.Context<((height: number) => void) | undefined>;
|
|
4
3
|
//# sourceMappingURL=BottomTabBarHeightCallbackContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomTabBarHeightCallbackContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/BottomTabBarHeightCallbackContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomTabBarHeightCallbackContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/BottomTabBarHeightCallbackContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,iCAAiC,0BAClC,MAAM,KAAK,IAAI,cACf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomTabBarHeightContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/BottomTabBarHeightContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC
|
|
1
|
+
{"version":3,"file":"BottomTabBarHeightContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/BottomTabBarHeightContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,yBAAyB,mCAE1B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare function useBottomTabBarHeight(): number;
|
|
2
2
|
//# sourceMappingURL=useBottomTabBarHeight.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBottomTabBarHeight.d.ts","sourceRoot":"","sources":["../../../../src/utils/useBottomTabBarHeight.tsx"],"names":[],"mappings":"AAIA,
|
|
1
|
+
{"version":3,"file":"useBottomTabBarHeight.d.ts","sourceRoot":"","sources":["../../../../src/utils/useBottomTabBarHeight.tsx"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,WAUpC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare function useIsKeyboardShown(): boolean;
|
|
2
2
|
//# sourceMappingURL=useIsKeyboardShown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsKeyboardShown.d.ts","sourceRoot":"","sources":["../../../../src/utils/useIsKeyboardShown.tsx"],"names":[],"mappings":"AAGA,
|
|
1
|
+
{"version":3,"file":"useIsKeyboardShown.d.ts","sourceRoot":"","sources":["../../../../src/utils/useIsKeyboardShown.tsx"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,YA2BjC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Animated, StyleProp, TextStyle } from 'react-native';
|
|
3
|
-
|
|
3
|
+
type Props = {
|
|
4
4
|
/**
|
|
5
5
|
* Whether the badge is visible
|
|
6
6
|
*/
|
|
@@ -18,6 +18,6 @@ declare type Props = {
|
|
|
18
18
|
*/
|
|
19
19
|
style?: Animated.WithAnimatedValue<StyleProp<TextStyle>>;
|
|
20
20
|
};
|
|
21
|
-
export
|
|
21
|
+
export declare function Badge({ children, style, visible, size, ...rest }: Props): JSX.Element | null;
|
|
22
22
|
export {};
|
|
23
23
|
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/views/Badge.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/views/Badge.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,OAAc,EACd,IAAS,EACT,GAAG,IAAI,EACR,EAAE,KAAK,sBAuEP"}
|
|
@@ -3,10 +3,10 @@ import { ParamListBase, TabNavigationState } from '@react-navigation/native';
|
|
|
3
3
|
import { Animated, StyleProp, ViewStyle } from 'react-native';
|
|
4
4
|
import { EdgeInsets } from 'react-native-safe-area-context';
|
|
5
5
|
import type { BottomTabBarProps, BottomTabDescriptorMap } from '../types';
|
|
6
|
-
|
|
6
|
+
type Props = BottomTabBarProps & {
|
|
7
7
|
style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
type Options = {
|
|
10
10
|
state: TabNavigationState<ParamListBase>;
|
|
11
11
|
descriptors: BottomTabDescriptorMap;
|
|
12
12
|
layout: {
|
|
@@ -22,6 +22,6 @@ export declare const getTabBarHeight: ({ state, descriptors, dimensions, insets,
|
|
|
22
22
|
insets: EdgeInsets;
|
|
23
23
|
style: Animated.WithAnimatedValue<StyleProp<ViewStyle>> | undefined;
|
|
24
24
|
}) => number;
|
|
25
|
-
export
|
|
25
|
+
export declare function BottomTabBar({ state, navigation, descriptors, insets, style, }: Props): JSX.Element;
|
|
26
26
|
export {};
|
|
27
27
|
//# sourceMappingURL=BottomTabBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAIL,aAAa,EACb,kBAAkB,EAGnB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,QAAQ,EAGR,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAoB,MAAM,gCAAgC,CAAC;AAE9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAK1E,
|
|
1
|
+
{"version":3,"file":"BottomTabBar.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAIL,aAAa,EACb,kBAAkB,EAGnB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,QAAQ,EAGR,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAoB,MAAM,gCAAgC,CAAC;AAE9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAK1E,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,CAAC;AAQF,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,WAAW,EAAE,sBAAsB,CAAC;IACpC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,UAAU,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C,CAAC;AA8CF,eAAO,MAAM,eAAe;YAQlB,UAAU;WACX,SAAS,iBAAiB,CAAC,UAAU,SAAS,CAAC,CAAC,GAAG,SAAS;YA4BpE,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,WAAW,EACX,MAAM,EACN,KAAK,GACN,EAAE,KAAK,eAoPP"}
|
|
@@ -2,15 +2,19 @@ import { Route } from '@react-navigation/native';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
4
4
|
import type { BottomTabBarButtonProps, BottomTabDescriptor, LabelPosition } from '../types';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Whether the tab is focused.
|
|
8
|
-
*/
|
|
9
|
-
focused: boolean;
|
|
5
|
+
type Props = {
|
|
10
6
|
/**
|
|
11
7
|
* The route object which should be specified by the tab.
|
|
12
8
|
*/
|
|
13
9
|
route: Route<string>;
|
|
10
|
+
/**
|
|
11
|
+
* The `href` to use for the anchor tag on web
|
|
12
|
+
*/
|
|
13
|
+
href?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Whether the tab is focused.
|
|
16
|
+
*/
|
|
17
|
+
focused: boolean;
|
|
14
18
|
/**
|
|
15
19
|
* The descriptor object for the route.
|
|
16
20
|
*/
|
|
@@ -40,10 +44,6 @@ declare type Props = {
|
|
|
40
44
|
* Custom style for the badge.
|
|
41
45
|
*/
|
|
42
46
|
badgeStyle?: StyleProp<TextStyle>;
|
|
43
|
-
/**
|
|
44
|
-
* URL to use for the link to the tab.
|
|
45
|
-
*/
|
|
46
|
-
to?: string;
|
|
47
47
|
/**
|
|
48
48
|
* The button for the tab. Uses a `TouchableWithoutFeedback` by default.
|
|
49
49
|
*/
|
|
@@ -106,6 +106,6 @@ declare type Props = {
|
|
|
106
106
|
*/
|
|
107
107
|
style?: StyleProp<ViewStyle>;
|
|
108
108
|
};
|
|
109
|
-
export
|
|
109
|
+
export declare function BottomTabItem({ route, href, focused, descriptor, label, icon, badge, badgeStyle, button, accessibilityLabel, testID, onPress, onLongPress, horizontal, activeTintColor: customActiveTintColor, inactiveTintColor: customInactiveTintColor, activeBackgroundColor, inactiveBackgroundColor, showLabel, allowFontScaling, labelStyle, iconStyle, style, }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
110
110
|
export {};
|
|
111
111
|
//# sourceMappingURL=BottomTabItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomTabItem.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BottomTabItem.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,EAAY,MAAM,0BAA0B,CAAC;AAEhF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,qBAAqB,EAGrB,SAAS,EAGT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,aAAa,EACd,MAAM,UAAU,CAAC;AAGlB,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,EAAE,mBAAmB,CAAC;IAChC;;OAEG;IACH,KAAK,EACD,MAAM,GACN,CAAC,CAAC,KAAK,EAAE;QACP,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,aAAa,CAAC;QACxB,QAAQ,EAAE,MAAM,CAAC;KAClB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B;;OAEG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE;QACZ,OAAO,EAAE,OAAO,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,EAAE,CACP,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,qBAAqB,KACjE,IAAI,CAAC;IACV;;OAEG;IACH,WAAW,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,OAAO,EACP,UAAU,EACV,KAAK,EACL,IAAI,EACJ,KAAK,EACL,UAAU,EACV,MA0CC,EACD,kBAAkB,EAClB,MAAM,EACN,OAAO,EACP,WAAW,EACX,UAAU,EACV,eAAe,EAAE,qBAAqB,EACtC,iBAAiB,EAAE,uBAAuB,EAC1C,qBAAqC,EACrC,uBAAuC,EACvC,SAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE,KAAK,sEA4GP"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ParamListBase, TabNavigationState } from '@react-navigation/native';
|
|
3
3
|
import type { BottomTabDescriptorMap, BottomTabNavigationConfig, BottomTabNavigationHelpers } from '../types';
|
|
4
|
-
|
|
4
|
+
type Props = BottomTabNavigationConfig & {
|
|
5
5
|
state: TabNavigationState<ParamListBase>;
|
|
6
6
|
navigation: BottomTabNavigationHelpers;
|
|
7
7
|
descriptors: BottomTabDescriptorMap;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export declare function BottomTabView(props: Props): JSX.Element;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=BottomTabView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomTabView.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabView.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAKlC,OAAO,KAAK,EAEV,sBAAsB,EAEtB,yBAAyB,EACzB,0BAA0B,EAE3B,MAAM,UAAU,CAAC;AAMlB,
|
|
1
|
+
{"version":3,"file":"BottomTabView.d.ts","sourceRoot":"","sources":["../../../../src/views/BottomTabView.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAKlC,OAAO,KAAK,EAEV,sBAAsB,EAEtB,yBAAyB,EACzB,0BAA0B,EAE3B,MAAM,UAAU,CAAC;AAMlB,KAAK,KAAK,GAAG,yBAAyB,GAAG;IACvC,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,UAAU,EAAE,0BAA0B,CAAC;IACvC,WAAW,EAAE,sBAAsB,CAAC;CACrC,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,eAiIzC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenFallback.d.ts","sourceRoot":"","sources":["../../../../src/views/ScreenFallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,
|
|
1
|
+
{"version":3,"file":"ScreenFallback.d.ts","sourceRoot":"","sources":["../../../../src/views/ScreenFallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAUF,eAAO,MAAM,oBAAoB;aAItB,OAAO;kBACF,OAAO;cACX,MAAM,SAAS;iBAO1B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,eAchE"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Route } from '@react-navigation/native';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
4
|
-
|
|
4
|
+
type Props = {
|
|
5
5
|
route: Route<string>;
|
|
6
6
|
horizontal: boolean;
|
|
7
7
|
badge?: string | number;
|
|
@@ -17,6 +17,6 @@ declare type Props = {
|
|
|
17
17
|
}) => React.ReactNode;
|
|
18
18
|
style: StyleProp<ViewStyle>;
|
|
19
19
|
};
|
|
20
|
-
export
|
|
20
|
+
export declare function TabBarIcon({ route, horizontal, badge, badgeStyle, activeOpacity, inactiveOpacity, activeTintColor, inactiveTintColor, renderIcon, style, }: Props): JSX.Element;
|
|
21
21
|
export {};
|
|
22
22
|
//# sourceMappingURL=TabBarIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabBarIcon.d.ts","sourceRoot":"","sources":["../../../../src/views/TabBarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,EAET,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,
|
|
1
|
+
{"version":3,"file":"TabBarIcon.d.ts","sourceRoot":"","sources":["../../../../src/views/TabBarIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,EAET,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,CAAC,KAAK,EAAE;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;KACd,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAQ,EACR,UAAU,EACV,KAAK,EACL,UAAU,EACV,aAAa,EACb,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,UAAU,EACV,KAAK,GACN,EAAE,KAAK,eAoCP"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-navigation/bottom-tabs",
|
|
3
3
|
"description": "Bottom tab navigator following iOS design guidelines",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "7.0.0-alpha.1",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native-component",
|
|
7
7
|
"react-component",
|
|
@@ -36,23 +36,22 @@
|
|
|
36
36
|
"clean": "del lib"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-navigation/elements": "^1.
|
|
40
|
-
"color": "^4.2.3"
|
|
41
|
-
"warn-once": "^0.1.0"
|
|
39
|
+
"@react-navigation/elements": "^1.4.0-alpha.0",
|
|
40
|
+
"color": "^4.2.3"
|
|
42
41
|
},
|
|
43
42
|
"devDependencies": {
|
|
44
|
-
"@react-navigation/native": "^
|
|
43
|
+
"@react-navigation/native": "^7.0.0-alpha.1",
|
|
45
44
|
"@testing-library/react-native": "^11.5.0",
|
|
46
|
-
"@types/color": "^3.0.
|
|
47
|
-
"@types/react": "~18.0.
|
|
48
|
-
"@types/react-native": "~0.
|
|
49
|
-
"del-cli": "^
|
|
50
|
-
"react": "18.
|
|
51
|
-
"react-native": "0.
|
|
45
|
+
"@types/color": "^3.0.3",
|
|
46
|
+
"@types/react": "~18.0.26",
|
|
47
|
+
"@types/react-native": "~0.70.8",
|
|
48
|
+
"del-cli": "^5.0.0",
|
|
49
|
+
"react": "18.1.0",
|
|
50
|
+
"react-native": "0.70.5",
|
|
52
51
|
"react-native-builder-bob": "^0.20.4",
|
|
53
|
-
"react-native-safe-area-context": "4.
|
|
54
|
-
"react-native-screens": "~3.
|
|
55
|
-
"typescript": "^4.
|
|
52
|
+
"react-native-safe-area-context": "4.4.1",
|
|
53
|
+
"react-native-screens": "~3.18.0",
|
|
54
|
+
"typescript": "^4.9.4"
|
|
56
55
|
},
|
|
57
56
|
"peerDependencies": {
|
|
58
57
|
"@react-navigation/native": "^6.0.0",
|
|
@@ -75,5 +74,5 @@
|
|
|
75
74
|
]
|
|
76
75
|
]
|
|
77
76
|
},
|
|
78
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "230c09deeeb886929a15cb4cdcb496372a9496e1"
|
|
79
78
|
}
|
package/src/index.tsx
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Navigators
|
|
3
3
|
*/
|
|
4
|
-
export {
|
|
4
|
+
export { createBottomTabNavigator } from './navigators/createBottomTabNavigator';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Views
|
|
8
8
|
*/
|
|
9
|
-
export {
|
|
10
|
-
export {
|
|
9
|
+
export { BottomTabBar } from './views/BottomTabBar';
|
|
10
|
+
export { BottomTabView } from './views/BottomTabView';
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* Utilities
|
|
14
14
|
*/
|
|
15
|
-
export {
|
|
16
|
-
export {
|
|
17
|
-
export {
|
|
15
|
+
export { BottomTabBarHeightCallbackContext } from './utils/BottomTabBarHeightCallbackContext';
|
|
16
|
+
export { BottomTabBarHeightContext } from './utils/BottomTabBarHeightContext';
|
|
17
|
+
export { useBottomTabBarHeight } from './utils/useBottomTabBarHeight';
|
|
18
18
|
|
|
19
19
|
/**
|
|
20
20
|
* Types
|
|
@@ -9,14 +9,13 @@ import {
|
|
|
9
9
|
useNavigationBuilder,
|
|
10
10
|
} from '@react-navigation/native';
|
|
11
11
|
import * as React from 'react';
|
|
12
|
-
import warnOnce from 'warn-once';
|
|
13
12
|
|
|
14
13
|
import type {
|
|
15
14
|
BottomTabNavigationConfig,
|
|
16
15
|
BottomTabNavigationEventMap,
|
|
17
16
|
BottomTabNavigationOptions,
|
|
18
17
|
} from '../types';
|
|
19
|
-
import BottomTabView from '../views/BottomTabView';
|
|
18
|
+
import { BottomTabView } from '../views/BottomTabView';
|
|
20
19
|
|
|
21
20
|
type Props = DefaultNavigatorOptions<
|
|
22
21
|
ParamListBase,
|
|
@@ -35,67 +34,8 @@ function BottomTabNavigator({
|
|
|
35
34
|
screenListeners,
|
|
36
35
|
screenOptions,
|
|
37
36
|
sceneContainerStyle,
|
|
38
|
-
...
|
|
37
|
+
...rest
|
|
39
38
|
}: Props) {
|
|
40
|
-
const {
|
|
41
|
-
// @ts-expect-error: lazy is deprecated
|
|
42
|
-
lazy,
|
|
43
|
-
// @ts-expect-error: tabBarOptions is deprecated
|
|
44
|
-
tabBarOptions,
|
|
45
|
-
...rest
|
|
46
|
-
} = restWithDeprecated;
|
|
47
|
-
|
|
48
|
-
let defaultScreenOptions: BottomTabNavigationOptions = {};
|
|
49
|
-
|
|
50
|
-
if (tabBarOptions) {
|
|
51
|
-
Object.assign(defaultScreenOptions, {
|
|
52
|
-
tabBarHideOnKeyboard: tabBarOptions.keyboardHidesTabBar,
|
|
53
|
-
tabBarActiveTintColor: tabBarOptions.activeTintColor,
|
|
54
|
-
tabBarInactiveTintColor: tabBarOptions.inactiveTintColor,
|
|
55
|
-
tabBarActiveBackgroundColor: tabBarOptions.activeBackgroundColor,
|
|
56
|
-
tabBarInactiveBackgroundColor: tabBarOptions.inactiveBackgroundColor,
|
|
57
|
-
tabBarAllowFontScaling: tabBarOptions.allowFontScaling,
|
|
58
|
-
tabBarShowLabel: tabBarOptions.showLabel,
|
|
59
|
-
tabBarLabelStyle: tabBarOptions.labelStyle,
|
|
60
|
-
tabBarIconStyle: tabBarOptions.iconStyle,
|
|
61
|
-
tabBarItemStyle: tabBarOptions.tabStyle,
|
|
62
|
-
tabBarLabelPosition:
|
|
63
|
-
tabBarOptions.labelPosition ??
|
|
64
|
-
(tabBarOptions.adaptive === false ? 'below-icon' : undefined),
|
|
65
|
-
tabBarStyle: [
|
|
66
|
-
{ display: tabBarOptions.tabBarVisible ? 'none' : 'flex' },
|
|
67
|
-
defaultScreenOptions.tabBarStyle,
|
|
68
|
-
],
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
(
|
|
72
|
-
Object.keys(defaultScreenOptions) as (keyof BottomTabNavigationOptions)[]
|
|
73
|
-
).forEach((key) => {
|
|
74
|
-
if (defaultScreenOptions[key] === undefined) {
|
|
75
|
-
// eslint-disable-next-line @typescript-eslint/no-dynamic-delete
|
|
76
|
-
delete defaultScreenOptions[key];
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
|
|
80
|
-
warnOnce(
|
|
81
|
-
tabBarOptions,
|
|
82
|
-
`Bottom Tab Navigator: 'tabBarOptions' is deprecated. Migrate the options to 'screenOptions' instead.\n\nPlace the following in 'screenOptions' in your code to keep current behavior:\n\n${JSON.stringify(
|
|
83
|
-
defaultScreenOptions,
|
|
84
|
-
null,
|
|
85
|
-
2
|
|
86
|
-
)}\n\nSee https://reactnavigation.org/docs/bottom-tab-navigator#options for more details.`
|
|
87
|
-
);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
if (typeof lazy === 'boolean') {
|
|
91
|
-
defaultScreenOptions.lazy = lazy;
|
|
92
|
-
|
|
93
|
-
warnOnce(
|
|
94
|
-
true,
|
|
95
|
-
`Bottom Tab Navigator: 'lazy' in props is deprecated. Move it to 'screenOptions' instead.\n\nSee https://reactnavigation.org/docs/bottom-tab-navigator/#lazy for more details.`
|
|
96
|
-
);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
39
|
const { state, descriptors, navigation, NavigationContent } =
|
|
100
40
|
useNavigationBuilder<
|
|
101
41
|
TabNavigationState<ParamListBase>,
|
|
@@ -110,7 +50,6 @@ function BottomTabNavigator({
|
|
|
110
50
|
children,
|
|
111
51
|
screenListeners,
|
|
112
52
|
screenOptions,
|
|
113
|
-
defaultScreenOptions,
|
|
114
53
|
});
|
|
115
54
|
|
|
116
55
|
return (
|
|
@@ -126,7 +65,7 @@ function BottomTabNavigator({
|
|
|
126
65
|
);
|
|
127
66
|
}
|
|
128
67
|
|
|
129
|
-
export
|
|
68
|
+
export const createBottomTabNavigator = createNavigatorFactory<
|
|
130
69
|
TabNavigationState<ParamListBase>,
|
|
131
70
|
BottomTabNavigationOptions,
|
|
132
71
|
BottomTabNavigationEventMap,
|
package/src/types.tsx
CHANGED
|
@@ -163,7 +163,7 @@ export type BottomTabNavigationOptions = HeaderOptions & {
|
|
|
163
163
|
/**
|
|
164
164
|
* ID to locate this tab button in tests.
|
|
165
165
|
*/
|
|
166
|
-
|
|
166
|
+
tabBarButtonTestID?: string;
|
|
167
167
|
|
|
168
168
|
/**
|
|
169
169
|
* Function which returns a React element to render as the tab bar button.
|
|
@@ -321,7 +321,7 @@ export type BottomTabBarButtonProps = Omit<
|
|
|
321
321
|
TouchableWithoutFeedbackProps,
|
|
322
322
|
'onPress'
|
|
323
323
|
> & {
|
|
324
|
-
|
|
324
|
+
href?: string;
|
|
325
325
|
children: React.ReactNode;
|
|
326
326
|
onPress?: (
|
|
327
327
|
e: React.MouseEvent<HTMLAnchorElement, MouseEvent> | GestureResponderEvent
|