@react-navigation/bottom-tabs 7.0.0-rc.8 → 7.0.0-rc.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/views/BottomTabBar.js +41 -24
- package/lib/commonjs/views/BottomTabBar.js.map +1 -1
- package/lib/commonjs/views/BottomTabItem.js +28 -15
- package/lib/commonjs/views/BottomTabItem.js.map +1 -1
- package/lib/commonjs/views/TabBarIcon.js +35 -18
- package/lib/commonjs/views/TabBarIcon.js.map +1 -1
- package/lib/module/views/BottomTabBar.js +41 -24
- package/lib/module/views/BottomTabBar.js.map +1 -1
- package/lib/module/views/BottomTabItem.js +28 -15
- package/lib/module/views/BottomTabItem.js.map +1 -1
- package/lib/module/views/TabBarIcon.js +35 -18
- package/lib/module/views/TabBarIcon.js.map +1 -1
- package/lib/typescript/src/views/BottomTabBar.d.ts +1 -1
- package/lib/typescript/src/views/BottomTabBar.d.ts.map +1 -1
- package/lib/typescript/src/views/BottomTabItem.d.ts +5 -1
- package/lib/typescript/src/views/BottomTabItem.d.ts.map +1 -1
- package/lib/typescript/src/views/TabBarIcon.d.ts +3 -2
- package/lib/typescript/src/views/TabBarIcon.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/views/BottomTabBar.tsx +36 -28
- package/src/views/BottomTabItem.tsx +38 -19
- package/src/views/TabBarIcon.tsx +54 -18
|
@@ -57,35 +57,46 @@ const shouldUseHorizontalLabels = ({
|
|
|
57
57
|
return dimensions.width > dimensions.height;
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
|
-
const
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
60
|
+
const isCompact = ({
|
|
61
|
+
state,
|
|
62
|
+
descriptors,
|
|
63
|
+
dimensions
|
|
64
|
+
}) => {
|
|
65
|
+
const isLandscape = dimensions.width > dimensions.height;
|
|
66
|
+
const horizontalLabels = shouldUseHorizontalLabels({
|
|
67
|
+
state,
|
|
68
|
+
descriptors,
|
|
69
|
+
dimensions
|
|
70
|
+
});
|
|
71
|
+
if (_reactNative.Platform.OS === 'ios' && !_reactNative.Platform.isPad && isLandscape && horizontalLabels) {
|
|
72
|
+
return true;
|
|
73
|
+
}
|
|
74
|
+
return false;
|
|
75
|
+
};
|
|
64
76
|
const getTabBarHeight = ({
|
|
65
77
|
state,
|
|
66
78
|
descriptors,
|
|
67
79
|
dimensions,
|
|
68
80
|
insets,
|
|
69
|
-
style
|
|
70
|
-
...rest
|
|
81
|
+
style
|
|
71
82
|
}) => {
|
|
83
|
+
const {
|
|
84
|
+
tabBarPosition
|
|
85
|
+
} = descriptors[state.routes[state.index].key].options;
|
|
72
86
|
const flattenedStyle = _reactNative.StyleSheet.flatten(style);
|
|
73
87
|
const customHeight = flattenedStyle && 'height' in flattenedStyle ? flattenedStyle.height : undefined;
|
|
74
88
|
if (typeof customHeight === 'number') {
|
|
75
89
|
return customHeight;
|
|
76
90
|
}
|
|
77
|
-
const
|
|
78
|
-
|
|
91
|
+
const inset = insets[tabBarPosition === 'top' ? 'top' : 'bottom'];
|
|
92
|
+
if (isCompact({
|
|
79
93
|
state,
|
|
80
94
|
descriptors,
|
|
81
|
-
dimensions
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
const paddingBottom = getPaddingBottom(insets);
|
|
85
|
-
if (_reactNative.Platform.OS === 'ios' && !_reactNative.Platform.isPad && isLandscape && horizontalLabels) {
|
|
86
|
-
return COMPACT_TABBAR_HEIGHT + paddingBottom;
|
|
95
|
+
dimensions
|
|
96
|
+
})) {
|
|
97
|
+
return COMPACT_TABBAR_HEIGHT + inset;
|
|
87
98
|
}
|
|
88
|
-
return DEFAULT_TABBAR_HEIGHT +
|
|
99
|
+
return DEFAULT_TABBAR_HEIGHT + inset;
|
|
89
100
|
};
|
|
90
101
|
exports.getTabBarHeight = getTabBarHeight;
|
|
91
102
|
function BottomTabBar({
|
|
@@ -178,7 +189,6 @@ function BottomTabBar({
|
|
|
178
189
|
const {
|
|
179
190
|
routes
|
|
180
191
|
} = state;
|
|
181
|
-
const paddingBottom = getPaddingBottom(insets);
|
|
182
192
|
const tabBarHeight = getTabBarHeight({
|
|
183
193
|
state,
|
|
184
194
|
descriptors,
|
|
@@ -191,7 +201,12 @@ function BottomTabBar({
|
|
|
191
201
|
descriptors,
|
|
192
202
|
dimensions
|
|
193
203
|
});
|
|
194
|
-
const
|
|
204
|
+
const compact = isCompact({
|
|
205
|
+
state,
|
|
206
|
+
descriptors,
|
|
207
|
+
dimensions
|
|
208
|
+
});
|
|
209
|
+
const sidebar = tabBarPosition === 'left' || tabBarPosition === 'right';
|
|
195
210
|
const tabBarBackgroundElement = tabBarBackground?.();
|
|
196
211
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
197
212
|
style: [tabBarPosition === 'left' ? styles.start : tabBarPosition === 'right' ? styles.end : styles.bottom, (_reactNative.Platform.OS === 'web' ? tabBarPosition === 'right' : direction === 'rtl' && tabBarPosition === 'left' || direction !== 'rtl' && tabBarPosition === 'right') ? {
|
|
@@ -205,7 +220,7 @@ function BottomTabBar({
|
|
|
205
220
|
}, {
|
|
206
221
|
backgroundColor: tabBarBackgroundElement != null ? 'transparent' : colors.card,
|
|
207
222
|
borderColor: colors.border
|
|
208
|
-
},
|
|
223
|
+
}, sidebar ? {
|
|
209
224
|
paddingTop: (hasHorizontalLabels ? SPACING : SPACING / 2) + insets.top,
|
|
210
225
|
paddingBottom: (hasHorizontalLabels ? SPACING : SPACING / 2) + insets.bottom,
|
|
211
226
|
paddingStart: SPACING + (tabBarPosition === 'left' ? insets.left : 0),
|
|
@@ -215,7 +230,7 @@ function BottomTabBar({
|
|
|
215
230
|
transform: [{
|
|
216
231
|
translateY: visible.interpolate({
|
|
217
232
|
inputRange: [0, 1],
|
|
218
|
-
outputRange: [layout.height +
|
|
233
|
+
outputRange: [layout.height + insets[tabBarPosition === 'top' ? 'top' : 'bottom'] + _reactNative.StyleSheet.hairlineWidth, 0]
|
|
219
234
|
})
|
|
220
235
|
}],
|
|
221
236
|
// Absolutely position the tab bar so that the content is below it
|
|
@@ -223,17 +238,18 @@ function BottomTabBar({
|
|
|
223
238
|
position: isTabBarHidden ? 'absolute' : undefined
|
|
224
239
|
}, {
|
|
225
240
|
height: tabBarHeight,
|
|
226
|
-
paddingBottom,
|
|
241
|
+
paddingBottom: tabBarPosition === 'bottom' ? insets.bottom : 0,
|
|
242
|
+
paddingTop: tabBarPosition === 'top' ? insets.top : 0,
|
|
227
243
|
paddingHorizontal: Math.max(insets.left, insets.right)
|
|
228
244
|
}], tabBarStyle],
|
|
229
245
|
pointerEvents: isTabBarHidden ? 'none' : 'auto',
|
|
230
|
-
onLayout:
|
|
246
|
+
onLayout: sidebar ? undefined : handleLayout
|
|
231
247
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
232
248
|
pointerEvents: "none",
|
|
233
249
|
style: _reactNative.StyleSheet.absoluteFill
|
|
234
250
|
}, tabBarBackgroundElement), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
235
251
|
accessibilityRole: "tablist",
|
|
236
|
-
style:
|
|
252
|
+
style: sidebar ? styles.sideContent : styles.bottomContent
|
|
237
253
|
}, routes.map((route, index) => {
|
|
238
254
|
const focused = index === state.index;
|
|
239
255
|
const {
|
|
@@ -274,7 +290,8 @@ function BottomTabBar({
|
|
|
274
290
|
descriptor: descriptors[route.key],
|
|
275
291
|
focused: focused,
|
|
276
292
|
horizontal: hasHorizontalLabels,
|
|
277
|
-
|
|
293
|
+
compact: compact,
|
|
294
|
+
variant: sidebar ? 'material' : 'uikit',
|
|
278
295
|
onPress: onPress,
|
|
279
296
|
onLongPress: onLongPress,
|
|
280
297
|
accessibilityLabel: accessibilityLabel,
|
|
@@ -298,7 +315,7 @@ function BottomTabBar({
|
|
|
298
315
|
showLabel: tabBarShowLabel,
|
|
299
316
|
labelStyle: options.tabBarLabelStyle,
|
|
300
317
|
iconStyle: options.tabBarIconStyle,
|
|
301
|
-
style: [
|
|
318
|
+
style: [sidebar ? !hasHorizontalLabels && styles.sideItemVertical : styles.bottomItem, options.tabBarItemStyle]
|
|
302
319
|
})));
|
|
303
320
|
})));
|
|
304
321
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_elements","require","_native","_color","_interopRequireDefault","_react","_reactNative","_reactNativeSafeAreaContext","_BottomTabBarHeightCallbackContext","_useIsKeyboardShown","_BottomTabItem","e","__esModule","default","DEFAULT_TABBAR_HEIGHT","COMPACT_TABBAR_HEIGHT","DEFAULT_MAX_TAB_ITEM_WIDTH","SPACING","useNativeDriver","Platform","OS","shouldUseHorizontalLabels","state","descriptors","dimensions","tabBarLabelPosition","routes","index","key","options","width","maxTabWidth","reduce","acc","route","tabBarItemStyle","flattenedStyle","StyleSheet","flatten","maxWidth","height","getPaddingBottom","insets","Math","max","bottom","select","ios","getTabBarHeight","style","rest","customHeight","undefined","isLandscape","horizontalLabels","paddingBottom","isPad","exports","BottomTabBar","navigation","colors","useTheme","direction","useLocale","buildHref","useLinkBuilder","focusedRoute","focusedDescriptor","focusedOptions","tabBarPosition","tabBarShowLabel","tabBarHideOnKeyboard","tabBarVisibilityAnimationConfig","tabBarStyle","tabBarBackground","tabBarActiveTintColor","tabBarInactiveTintColor","tabBarActiveBackgroundColor","Color","primary","alpha","rgb","string","tabBarInactiveBackgroundColor","useSafeAreaFrame","isKeyboardShown","useIsKeyboardShown","onHeightChange","React","useContext","BottomTabBarHeightCallbackContext","shouldShowTabBar","visibilityAnimationConfigRef","useRef","useEffect","current","isTabBarHidden","setIsTabBarHidden","useState","visible","Animated","Value","visibilityAnimationConfig","animation","show","spring","timing","toValue","duration","config","start","finished","hide","stopAnimation","layout","setLayout","handleLayout","nativeEvent","tabBarHeight","hasHorizontalLabels","isSidebar","tabBarBackgroundElement","createElement","View","styles","end","borderLeftWidth","hairlineWidth","borderRightWidth","borderBottomWidth","borderTopWidth","backgroundColor","card","borderColor","border","paddingTop","top","paddingStart","left","paddingEnd","right","minWidth","getDefaultSidebarWidth","transform","translateY","interpolate","inputRange","outputRange","position","paddingHorizontal","pointerEvents","onLayout","absoluteFill","accessibilityRole","sideContent","bottomContent","map","focused","onPress","event","emit","type","target","canPreventDefault","defaultPrevented","dispatch","CommonActions","navigate","onLongPress","label","tabBarLabel","getLabel","title","name","accessibilityLabel","tabBarAccessibilityLabel","length","NavigationContext","Provider","value","NavigationRouteContext","BottomTabItem","href","params","descriptor","horizontal","variant","testID","tabBarButtonTestID","allowFontScaling","tabBarAllowFontScaling","activeTintColor","inactiveTintColor","activeBackgroundColor","inactiveBackgroundColor","button","tabBarButton","icon","tabBarIcon","color","size","MissingIcon","badge","tabBarBadge","badgeStyle","tabBarBadgeStyle","showLabel","labelStyle","tabBarLabelStyle","iconStyle","tabBarIconStyle","sideItemVertical","bottomItem","create","elevation","flex","flexDirection","marginVertical"],"sourceRoot":"../../../src","sources":["views/BottomTabBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_elements","require","_native","_color","_interopRequireDefault","_react","_reactNative","_reactNativeSafeAreaContext","_BottomTabBarHeightCallbackContext","_useIsKeyboardShown","_BottomTabItem","e","__esModule","default","DEFAULT_TABBAR_HEIGHT","COMPACT_TABBAR_HEIGHT","DEFAULT_MAX_TAB_ITEM_WIDTH","SPACING","useNativeDriver","Platform","OS","shouldUseHorizontalLabels","state","descriptors","dimensions","tabBarLabelPosition","routes","index","key","options","width","maxTabWidth","reduce","acc","route","tabBarItemStyle","flattenedStyle","StyleSheet","flatten","maxWidth","height","isCompact","isLandscape","horizontalLabels","isPad","getTabBarHeight","insets","style","tabBarPosition","customHeight","undefined","inset","exports","BottomTabBar","navigation","colors","useTheme","direction","useLocale","buildHref","useLinkBuilder","focusedRoute","focusedDescriptor","focusedOptions","tabBarShowLabel","tabBarHideOnKeyboard","tabBarVisibilityAnimationConfig","tabBarStyle","tabBarBackground","tabBarActiveTintColor","tabBarInactiveTintColor","tabBarActiveBackgroundColor","Color","primary","alpha","rgb","string","tabBarInactiveBackgroundColor","useSafeAreaFrame","isKeyboardShown","useIsKeyboardShown","onHeightChange","React","useContext","BottomTabBarHeightCallbackContext","shouldShowTabBar","visibilityAnimationConfigRef","useRef","useEffect","current","isTabBarHidden","setIsTabBarHidden","useState","visible","Animated","Value","visibilityAnimationConfig","animation","show","spring","timing","toValue","duration","config","start","finished","hide","stopAnimation","layout","setLayout","handleLayout","nativeEvent","tabBarHeight","hasHorizontalLabels","compact","sidebar","tabBarBackgroundElement","createElement","View","styles","end","bottom","borderLeftWidth","hairlineWidth","borderRightWidth","borderBottomWidth","borderTopWidth","backgroundColor","card","borderColor","border","paddingTop","top","paddingBottom","paddingStart","left","paddingEnd","right","minWidth","getDefaultSidebarWidth","transform","translateY","interpolate","inputRange","outputRange","position","paddingHorizontal","Math","max","pointerEvents","onLayout","absoluteFill","accessibilityRole","sideContent","bottomContent","map","focused","onPress","event","emit","type","target","canPreventDefault","defaultPrevented","dispatch","CommonActions","navigate","onLongPress","label","tabBarLabel","getLabel","title","name","accessibilityLabel","tabBarAccessibilityLabel","length","NavigationContext","Provider","value","NavigationRouteContext","BottomTabItem","href","params","descriptor","horizontal","variant","testID","tabBarButtonTestID","allowFontScaling","tabBarAllowFontScaling","activeTintColor","inactiveTintColor","activeBackgroundColor","inactiveBackgroundColor","button","tabBarButton","icon","tabBarIcon","color","size","MissingIcon","badge","tabBarBadge","badgeStyle","tabBarBadgeStyle","showLabel","labelStyle","tabBarLabelStyle","iconStyle","tabBarIconStyle","sideItemVertical","bottomItem","create","elevation","flex","flexDirection","marginVertical"],"sourceRoot":"../../../src","sources":["views/BottomTabBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -26,6 +26,7 @@ function BottomTabItem({
|
|
|
26
26
|
onPress,
|
|
27
27
|
onLongPress,
|
|
28
28
|
horizontal,
|
|
29
|
+
compact,
|
|
29
30
|
variant,
|
|
30
31
|
activeTintColor: customActiveTintColor,
|
|
31
32
|
inactiveTintColor: customInactiveTintColor,
|
|
@@ -68,7 +69,7 @@ function BottomTabItem({
|
|
|
68
69
|
return /*#__PURE__*/_react.default.createElement(_elements.Label, {
|
|
69
70
|
style: [horizontal ? [styles.labelBeside, {
|
|
70
71
|
marginStart: icon !== undefined ? 16 : 0
|
|
71
|
-
}, variant === '
|
|
72
|
+
}, variant === 'material' ? styles.labelBesideMaterial : compact ? styles.labelBesideUikitCompact : styles.labelBesideUikit] : styles.labelBeneath, compact ? fonts.regular : fonts.medium, labelStyle],
|
|
72
73
|
allowFontScaling: allowFontScaling,
|
|
73
74
|
tintColor: color
|
|
74
75
|
}, label);
|
|
@@ -83,7 +84,8 @@ function BottomTabItem({
|
|
|
83
84
|
const inactiveOpacity = focused ? 0 : 1;
|
|
84
85
|
return /*#__PURE__*/_react.default.createElement(_TabBarIcon.TabBarIcon, {
|
|
85
86
|
route: route,
|
|
86
|
-
|
|
87
|
+
variant: variant,
|
|
88
|
+
compact: compact,
|
|
87
89
|
badge: badge,
|
|
88
90
|
badgeStyle: badgeStyle,
|
|
89
91
|
activeOpacity: activeOpacity,
|
|
@@ -137,7 +139,7 @@ function BottomTabItem({
|
|
|
137
139
|
flex,
|
|
138
140
|
backgroundColor,
|
|
139
141
|
borderRadius
|
|
140
|
-
}, horizontal ?
|
|
142
|
+
}, horizontal ? variant === 'material' ? styles.tabHorizontalMaterial : styles.tabHorizontalUiKit : variant === 'material' ? styles.tabVerticalMaterial : styles.tabVerticalUiKit],
|
|
141
143
|
children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderIcon(scene), renderLabel(scene))
|
|
142
144
|
}));
|
|
143
145
|
}
|
|
@@ -147,34 +149,45 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
147
149
|
// Roundness for iPad hover effect
|
|
148
150
|
borderRadius: 10
|
|
149
151
|
},
|
|
150
|
-
|
|
151
|
-
justifyContent: 'flex-
|
|
152
|
-
flexDirection: 'column'
|
|
152
|
+
tabVerticalUiKit: {
|
|
153
|
+
justifyContent: 'flex-start',
|
|
154
|
+
flexDirection: 'column',
|
|
155
|
+
padding: 5
|
|
153
156
|
},
|
|
154
157
|
tabVerticalMaterial: {
|
|
155
158
|
padding: 10
|
|
156
159
|
},
|
|
157
|
-
|
|
160
|
+
tabHorizontalUiKit: {
|
|
158
161
|
justifyContent: 'center',
|
|
162
|
+
alignItems: 'center',
|
|
159
163
|
flexDirection: 'row',
|
|
160
|
-
|
|
161
|
-
paddingStart: 16,
|
|
162
|
-
paddingEnd: 24
|
|
164
|
+
padding: 5
|
|
163
165
|
},
|
|
164
166
|
tabHorizontalMaterial: {
|
|
165
|
-
justifyContent: 'flex-start'
|
|
167
|
+
justifyContent: 'flex-start',
|
|
168
|
+
alignItems: 'center',
|
|
169
|
+
flexDirection: 'row',
|
|
170
|
+
paddingVertical: 15,
|
|
171
|
+
paddingStart: 16,
|
|
172
|
+
paddingEnd: 24
|
|
166
173
|
},
|
|
167
174
|
labelBeneath: {
|
|
168
175
|
fontSize: 10
|
|
169
176
|
},
|
|
170
177
|
labelBeside: {
|
|
171
178
|
marginEnd: 12,
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
179
|
+
lineHeight: 24
|
|
180
|
+
},
|
|
181
|
+
labelBesideMaterial: {
|
|
182
|
+
marginStart: 12
|
|
175
183
|
},
|
|
176
184
|
labelBesideUikit: {
|
|
177
|
-
fontSize: 13
|
|
185
|
+
fontSize: 13,
|
|
186
|
+
marginStart: 5
|
|
187
|
+
},
|
|
188
|
+
labelBesideUikitCompact: {
|
|
189
|
+
fontSize: 12,
|
|
190
|
+
marginStart: 5
|
|
178
191
|
}
|
|
179
192
|
});
|
|
180
193
|
//# sourceMappingURL=BottomTabItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_elements","require","_native","_color","_interopRequireDefault","_react","_reactNative","_TabBarIcon","e","__esModule","default","BottomTabItem","route","href","focused","descriptor","label","icon","badge","badgeStyle","button","props","createElement","PlatformPressable","accessibilityLabel","testID","onPress","onLongPress","horizontal","variant","activeTintColor","customActiveTintColor","inactiveTintColor","customInactiveTintColor","activeBackgroundColor","inactiveBackgroundColor","showLabel","allowFontScaling","labelStyle","iconStyle","style","colors","fonts","useTheme","undefined","primary","Color","text","mix","card","hex","renderLabel","color","options","children","getLabel","tabBarLabel","title","name","position","Label","styles","labelBeside","marginStart","labelBesideUikit","labelBeneath","medium","tintColor","renderIcon","activeOpacity","inactiveOpacity","TabBarIcon","scene","backgroundColor","flex","StyleSheet","flatten","borderRadius","View","overflow","accessibilityRole","Platform","select","ios","accessibilityState","selected","accessibilityStates","android_ripple","borderless","hoverEffect","pressOpacity","tab","
|
|
1
|
+
{"version":3,"names":["_elements","require","_native","_color","_interopRequireDefault","_react","_reactNative","_TabBarIcon","e","__esModule","default","BottomTabItem","route","href","focused","descriptor","label","icon","badge","badgeStyle","button","props","createElement","PlatformPressable","accessibilityLabel","testID","onPress","onLongPress","horizontal","compact","variant","activeTintColor","customActiveTintColor","inactiveTintColor","customInactiveTintColor","activeBackgroundColor","inactiveBackgroundColor","showLabel","allowFontScaling","labelStyle","iconStyle","style","colors","fonts","useTheme","undefined","primary","Color","text","mix","card","hex","renderLabel","color","options","children","getLabel","tabBarLabel","title","name","position","Label","styles","labelBeside","marginStart","labelBesideMaterial","labelBesideUikitCompact","labelBesideUikit","labelBeneath","regular","medium","tintColor","renderIcon","activeOpacity","inactiveOpacity","TabBarIcon","scene","backgroundColor","flex","StyleSheet","flatten","borderRadius","View","overflow","accessibilityRole","Platform","select","ios","accessibilityState","selected","accessibilityStates","android_ripple","borderless","hoverEffect","pressOpacity","tab","tabHorizontalMaterial","tabHorizontalUiKit","tabVerticalMaterial","tabVerticalUiKit","Fragment","create","alignItems","justifyContent","flexDirection","padding","paddingVertical","paddingStart","paddingEnd","fontSize","marginEnd","lineHeight"],"sourceRoot":"../../../src","sources":["views/BottomTabItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,10 +8,21 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _Badge = require("./Badge");
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
|
|
11
|
+
/**
|
|
12
|
+
* Icon sizes taken from Apple HIG
|
|
13
|
+
* https://developer.apple.com/design/human-interface-guidelines/tab-bars
|
|
14
|
+
*/
|
|
15
|
+
const ICON_SIZE_WIDE = 31;
|
|
16
|
+
const ICON_SIZE_WIDE_COMPACT = 23;
|
|
17
|
+
const ICON_SIZE_TALL = 28;
|
|
18
|
+
const ICON_SIZE_TALL_COMPACT = 20;
|
|
19
|
+
const ICON_SIZE_ROUND = 25;
|
|
20
|
+
const ICON_SIZE_ROUND_COMPACT = 18;
|
|
21
|
+
const ICON_SIZE_MATERIAL = 24;
|
|
12
22
|
function TabBarIcon({
|
|
13
23
|
route: _,
|
|
14
|
-
|
|
24
|
+
variant,
|
|
25
|
+
compact,
|
|
15
26
|
badge,
|
|
16
27
|
badgeStyle,
|
|
17
28
|
activeOpacity,
|
|
@@ -21,17 +32,21 @@ function TabBarIcon({
|
|
|
21
32
|
renderIcon,
|
|
22
33
|
style
|
|
23
34
|
}) {
|
|
35
|
+
const size = compact ? ICON_SIZE_ROUND_COMPACT : variant === 'material' ? ICON_SIZE_MATERIAL : ICON_SIZE_ROUND;
|
|
36
|
+
|
|
24
37
|
// We render the icon twice at the same position on top of each other:
|
|
25
38
|
// active and inactive one, so we can fade between them.
|
|
26
39
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
27
|
-
style: [
|
|
40
|
+
style: [variant === 'material' ? styles.wrapperMaterial : compact ? styles.wrapperUikitCompact : styles.wrapperUikit, style]
|
|
28
41
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
29
42
|
style: [styles.icon, {
|
|
30
|
-
opacity: activeOpacity
|
|
43
|
+
opacity: activeOpacity,
|
|
44
|
+
// Workaround for react-native >= 0.54 layout bug
|
|
45
|
+
minWidth: size
|
|
31
46
|
}]
|
|
32
47
|
}, renderIcon({
|
|
33
48
|
focused: true,
|
|
34
|
-
size
|
|
49
|
+
size,
|
|
35
50
|
color: activeTintColor
|
|
36
51
|
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
37
52
|
style: [styles.icon, {
|
|
@@ -39,12 +54,12 @@ function TabBarIcon({
|
|
|
39
54
|
}]
|
|
40
55
|
}, renderIcon({
|
|
41
56
|
focused: false,
|
|
42
|
-
size
|
|
57
|
+
size,
|
|
43
58
|
color: inactiveTintColor
|
|
44
59
|
})), /*#__PURE__*/_react.default.createElement(_Badge.Badge, {
|
|
45
60
|
visible: badge != null,
|
|
46
61
|
style: [styles.badge, badgeStyle],
|
|
47
|
-
size:
|
|
62
|
+
size: size * 0.75
|
|
48
63
|
}, badge));
|
|
49
64
|
}
|
|
50
65
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -57,22 +72,24 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
57
72
|
alignItems: 'center',
|
|
58
73
|
justifyContent: 'center',
|
|
59
74
|
height: '100%',
|
|
60
|
-
width: '100%'
|
|
61
|
-
|
|
62
|
-
|
|
75
|
+
width: '100%'
|
|
76
|
+
},
|
|
77
|
+
wrapperUikit: {
|
|
78
|
+
width: ICON_SIZE_WIDE,
|
|
79
|
+
height: ICON_SIZE_TALL
|
|
63
80
|
},
|
|
64
|
-
|
|
65
|
-
width:
|
|
66
|
-
height:
|
|
81
|
+
wrapperUikitCompact: {
|
|
82
|
+
width: ICON_SIZE_WIDE_COMPACT,
|
|
83
|
+
height: ICON_SIZE_TALL_COMPACT
|
|
67
84
|
},
|
|
68
|
-
|
|
69
|
-
width:
|
|
70
|
-
height:
|
|
85
|
+
wrapperMaterial: {
|
|
86
|
+
width: ICON_SIZE_MATERIAL,
|
|
87
|
+
height: ICON_SIZE_MATERIAL
|
|
71
88
|
},
|
|
72
89
|
badge: {
|
|
73
90
|
position: 'absolute',
|
|
74
|
-
end: -
|
|
75
|
-
top: -
|
|
91
|
+
end: -3,
|
|
92
|
+
top: -3
|
|
76
93
|
}
|
|
77
94
|
});
|
|
78
95
|
//# sourceMappingURL=TabBarIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Badge","e","__esModule","default","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Badge","e","__esModule","default","ICON_SIZE_WIDE","ICON_SIZE_WIDE_COMPACT","ICON_SIZE_TALL","ICON_SIZE_TALL_COMPACT","ICON_SIZE_ROUND","ICON_SIZE_ROUND_COMPACT","ICON_SIZE_MATERIAL","TabBarIcon","route","_","variant","compact","badge","badgeStyle","activeOpacity","inactiveOpacity","activeTintColor","inactiveTintColor","renderIcon","style","size","createElement","View","styles","wrapperMaterial","wrapperUikitCompact","wrapperUikit","icon","opacity","minWidth","focused","color","Badge","visible","StyleSheet","create","position","alignSelf","alignItems","justifyContent","height","width","end","top"],"sourceRoot":"../../../src","sources":["views/TabBarIcon.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -49,35 +49,46 @@ const shouldUseHorizontalLabels = ({
|
|
|
49
49
|
return dimensions.width > dimensions.height;
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
52
|
+
const isCompact = ({
|
|
53
|
+
state,
|
|
54
|
+
descriptors,
|
|
55
|
+
dimensions
|
|
56
|
+
}) => {
|
|
57
|
+
const isLandscape = dimensions.width > dimensions.height;
|
|
58
|
+
const horizontalLabels = shouldUseHorizontalLabels({
|
|
59
|
+
state,
|
|
60
|
+
descriptors,
|
|
61
|
+
dimensions
|
|
62
|
+
});
|
|
63
|
+
if (Platform.OS === 'ios' && !Platform.isPad && isLandscape && horizontalLabels) {
|
|
64
|
+
return true;
|
|
65
|
+
}
|
|
66
|
+
return false;
|
|
67
|
+
};
|
|
56
68
|
export const getTabBarHeight = ({
|
|
57
69
|
state,
|
|
58
70
|
descriptors,
|
|
59
71
|
dimensions,
|
|
60
72
|
insets,
|
|
61
|
-
style
|
|
62
|
-
...rest
|
|
73
|
+
style
|
|
63
74
|
}) => {
|
|
75
|
+
const {
|
|
76
|
+
tabBarPosition
|
|
77
|
+
} = descriptors[state.routes[state.index].key].options;
|
|
64
78
|
const flattenedStyle = StyleSheet.flatten(style);
|
|
65
79
|
const customHeight = flattenedStyle && 'height' in flattenedStyle ? flattenedStyle.height : undefined;
|
|
66
80
|
if (typeof customHeight === 'number') {
|
|
67
81
|
return customHeight;
|
|
68
82
|
}
|
|
69
|
-
const
|
|
70
|
-
|
|
83
|
+
const inset = insets[tabBarPosition === 'top' ? 'top' : 'bottom'];
|
|
84
|
+
if (isCompact({
|
|
71
85
|
state,
|
|
72
86
|
descriptors,
|
|
73
|
-
dimensions
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
const paddingBottom = getPaddingBottom(insets);
|
|
77
|
-
if (Platform.OS === 'ios' && !Platform.isPad && isLandscape && horizontalLabels) {
|
|
78
|
-
return COMPACT_TABBAR_HEIGHT + paddingBottom;
|
|
87
|
+
dimensions
|
|
88
|
+
})) {
|
|
89
|
+
return COMPACT_TABBAR_HEIGHT + inset;
|
|
79
90
|
}
|
|
80
|
-
return DEFAULT_TABBAR_HEIGHT +
|
|
91
|
+
return DEFAULT_TABBAR_HEIGHT + inset;
|
|
81
92
|
};
|
|
82
93
|
export function BottomTabBar({
|
|
83
94
|
state,
|
|
@@ -169,7 +180,6 @@ export function BottomTabBar({
|
|
|
169
180
|
const {
|
|
170
181
|
routes
|
|
171
182
|
} = state;
|
|
172
|
-
const paddingBottom = getPaddingBottom(insets);
|
|
173
183
|
const tabBarHeight = getTabBarHeight({
|
|
174
184
|
state,
|
|
175
185
|
descriptors,
|
|
@@ -182,7 +192,12 @@ export function BottomTabBar({
|
|
|
182
192
|
descriptors,
|
|
183
193
|
dimensions
|
|
184
194
|
});
|
|
185
|
-
const
|
|
195
|
+
const compact = isCompact({
|
|
196
|
+
state,
|
|
197
|
+
descriptors,
|
|
198
|
+
dimensions
|
|
199
|
+
});
|
|
200
|
+
const sidebar = tabBarPosition === 'left' || tabBarPosition === 'right';
|
|
186
201
|
const tabBarBackgroundElement = tabBarBackground?.();
|
|
187
202
|
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
188
203
|
style: [tabBarPosition === 'left' ? styles.start : tabBarPosition === 'right' ? styles.end : styles.bottom, (Platform.OS === 'web' ? tabBarPosition === 'right' : direction === 'rtl' && tabBarPosition === 'left' || direction !== 'rtl' && tabBarPosition === 'right') ? {
|
|
@@ -196,7 +211,7 @@ export function BottomTabBar({
|
|
|
196
211
|
}, {
|
|
197
212
|
backgroundColor: tabBarBackgroundElement != null ? 'transparent' : colors.card,
|
|
198
213
|
borderColor: colors.border
|
|
199
|
-
},
|
|
214
|
+
}, sidebar ? {
|
|
200
215
|
paddingTop: (hasHorizontalLabels ? SPACING : SPACING / 2) + insets.top,
|
|
201
216
|
paddingBottom: (hasHorizontalLabels ? SPACING : SPACING / 2) + insets.bottom,
|
|
202
217
|
paddingStart: SPACING + (tabBarPosition === 'left' ? insets.left : 0),
|
|
@@ -206,7 +221,7 @@ export function BottomTabBar({
|
|
|
206
221
|
transform: [{
|
|
207
222
|
translateY: visible.interpolate({
|
|
208
223
|
inputRange: [0, 1],
|
|
209
|
-
outputRange: [layout.height +
|
|
224
|
+
outputRange: [layout.height + insets[tabBarPosition === 'top' ? 'top' : 'bottom'] + StyleSheet.hairlineWidth, 0]
|
|
210
225
|
})
|
|
211
226
|
}],
|
|
212
227
|
// Absolutely position the tab bar so that the content is below it
|
|
@@ -214,17 +229,18 @@ export function BottomTabBar({
|
|
|
214
229
|
position: isTabBarHidden ? 'absolute' : undefined
|
|
215
230
|
}, {
|
|
216
231
|
height: tabBarHeight,
|
|
217
|
-
paddingBottom,
|
|
232
|
+
paddingBottom: tabBarPosition === 'bottom' ? insets.bottom : 0,
|
|
233
|
+
paddingTop: tabBarPosition === 'top' ? insets.top : 0,
|
|
218
234
|
paddingHorizontal: Math.max(insets.left, insets.right)
|
|
219
235
|
}], tabBarStyle],
|
|
220
236
|
pointerEvents: isTabBarHidden ? 'none' : 'auto',
|
|
221
|
-
onLayout:
|
|
237
|
+
onLayout: sidebar ? undefined : handleLayout
|
|
222
238
|
}, /*#__PURE__*/React.createElement(View, {
|
|
223
239
|
pointerEvents: "none",
|
|
224
240
|
style: StyleSheet.absoluteFill
|
|
225
241
|
}, tabBarBackgroundElement), /*#__PURE__*/React.createElement(View, {
|
|
226
242
|
accessibilityRole: "tablist",
|
|
227
|
-
style:
|
|
243
|
+
style: sidebar ? styles.sideContent : styles.bottomContent
|
|
228
244
|
}, routes.map((route, index) => {
|
|
229
245
|
const focused = index === state.index;
|
|
230
246
|
const {
|
|
@@ -265,7 +281,8 @@ export function BottomTabBar({
|
|
|
265
281
|
descriptor: descriptors[route.key],
|
|
266
282
|
focused: focused,
|
|
267
283
|
horizontal: hasHorizontalLabels,
|
|
268
|
-
|
|
284
|
+
compact: compact,
|
|
285
|
+
variant: sidebar ? 'material' : 'uikit',
|
|
269
286
|
onPress: onPress,
|
|
270
287
|
onLongPress: onLongPress,
|
|
271
288
|
accessibilityLabel: accessibilityLabel,
|
|
@@ -289,7 +306,7 @@ export function BottomTabBar({
|
|
|
289
306
|
showLabel: tabBarShowLabel,
|
|
290
307
|
labelStyle: options.tabBarLabelStyle,
|
|
291
308
|
iconStyle: options.tabBarIconStyle,
|
|
292
|
-
style: [
|
|
309
|
+
style: [sidebar ? !hasHorizontalLabels && styles.sideItemVertical : styles.bottomItem, options.tabBarItemStyle]
|
|
293
310
|
})));
|
|
294
311
|
})));
|
|
295
312
|
}
|