@react-navigation/bottom-tabs 8.0.0-alpha.55 → 8.0.0-alpha.57

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.
Files changed (26) hide show
  1. package/lib/module/views/BottomTabBar.js +106 -61
  2. package/lib/module/views/BottomTabBar.js.map +1 -1
  3. package/lib/module/views/BottomTabItem.js +2 -0
  4. package/lib/module/views/BottomTabItem.js.map +1 -1
  5. package/lib/module/views/BottomTabViewCustom.js +62 -37
  6. package/lib/module/views/BottomTabViewCustom.js.map +1 -1
  7. package/lib/module/views/BottomTabViewNativeImpl.js +348 -245
  8. package/lib/module/views/BottomTabViewNativeImpl.js.map +1 -1
  9. package/lib/module/views/TabBarIcon.js +6 -2
  10. package/lib/module/views/TabBarIcon.js.map +1 -1
  11. package/lib/typescript/src/types.d.ts +130 -5
  12. package/lib/typescript/src/types.d.ts.map +1 -1
  13. package/lib/typescript/src/views/BottomTabBar.d.ts.map +1 -1
  14. package/lib/typescript/src/views/BottomTabItem.d.ts +5 -1
  15. package/lib/typescript/src/views/BottomTabItem.d.ts.map +1 -1
  16. package/lib/typescript/src/views/BottomTabViewCustom.d.ts.map +1 -1
  17. package/lib/typescript/src/views/BottomTabViewNativeImpl.d.ts.map +1 -1
  18. package/lib/typescript/src/views/TabBarIcon.d.ts +2 -1
  19. package/lib/typescript/src/views/TabBarIcon.d.ts.map +1 -1
  20. package/package.json +7 -7
  21. package/src/types.tsx +141 -5
  22. package/src/views/BottomTabBar.tsx +158 -87
  23. package/src/views/BottomTabItem.tsx +6 -0
  24. package/src/views/BottomTabViewCustom.tsx +84 -47
  25. package/src/views/BottomTabViewNativeImpl.tsx +439 -284
  26. package/src/views/TabBarIcon.tsx +9 -2
package/src/views/TabBarIcon.tsx CHANGED
@@ -15,6 +15,7 @@ export type TabBarIconProps = {
15
15
  route: Route<string>;
16
16
  variant: 'uikit' | 'material';
17
17
  size: 'compact' | 'regular';
18
+ iconSize?: number | undefined;
18
19
  badge?: string | number | undefined;
19
20
  badgeStyle?: StyleProp<TextStyle> | undefined;
20
21
  activeOpacity: number;
@@ -48,6 +49,7 @@ export function TabBarIcon({
48
49
  route: _,
49
50
  variant,
50
51
  size,
52
+ iconSize: iconSizeOverride,
51
53
  badge,
52
54
  badgeStyle,
53
55
  activeOpacity,
@@ -59,11 +61,12 @@ export function TabBarIcon({
59
61
  style,
60
62
  }: TabBarIconProps) {
61
63
  const iconSize =
62
- variant === 'material'
64
+ iconSizeOverride ??
65
+ (variant === 'material'
63
66
  ? ICON_SIZE_MATERIAL
64
67
  : size === 'compact'
65
68
  ? ICON_SIZE_SQUARE_COMPACT
66
- : ICON_SIZE_SQUARE;
69
+ : ICON_SIZE_SQUARE);
67
70
 
68
71
  // We render the icon twice at the same position on top of each other:
69
72
  // active and inactive one, so we can fade between them.
@@ -75,6 +78,10 @@ export function TabBarIcon({
75
78
  : size === 'compact'
76
79
  ? styles.wrapperUikitCompact
77
80
  : styles.wrapperUikit,
81
+ iconSizeOverride != null && {
82
+ width: iconSizeOverride,
83
+ height: iconSizeOverride,
84
+ },
78
85
  style,
79
86
  ]}
80
87
  >