@react-navigation/bottom-tabs 7.9.0 → 8.0.0-alpha.0

package/src/{unstable/NativeBottomTabView.native.tsx → views/BottomTabViewNativeImpl.tsx}

@@ -1,9 +1,9 @@
+import { getLabel } from '@react-navigation/elements';
 import {
-  getLabel,
+  Color,
   Lazy,
   SafeAreaProviderCompat,
-  Screen as ScreenContent,
-} from '@react-navigation/elements';
+} from '@react-navigation/elements/internal';
 import {
   CommonActions,
   type ParamListBase,
@@ -12,9 +12,8 @@ import {
   type TabNavigationState,
   useTheme,
 } from '@react-navigation/native';
-import Color from 'color';
 import * as React from 'react';
-import { type ColorValue, Platform, PlatformColor } from 'react-native';
+import { Animated, Platform, PlatformColor } from 'react-native';
 import {
   BottomTabs,
   BottomTabsScreen,
@@ -22,23 +21,34 @@ import {
   type PlatformIcon,
 } from 'react-native-screens';
 
-import { NativeScreen } from './NativeScreen/NativeScreen';
 import type {
-  NativeBottomTabDescriptorMap,
-  NativeBottomTabIcon,
-  NativeBottomTabNavigationConfig,
-  NativeBottomTabNavigationHelpers,
-  NativeBottomTabNavigationOptions,
-  NativeBottomTabNavigationProp,
-} from './types';
-
-type Props = NativeBottomTabNavigationConfig & {
+  BottomTabDescriptorMap,
+  BottomTabIcon,
+  BottomTabNavigationConfig,
+  BottomTabNavigationHelpers,
+} from '../types';
+import { BottomTabAnimationContext } from '../utils/BottomTabAnimationContext';
+import { BottomTabBarHeightContext } from '../utils/BottomTabBarHeightContext';
+import { useTabBarPosition } from '../utils/useTabBarPosition';
+import { ScreenContent } from './ScreenContent';
+
+type Props = BottomTabNavigationConfig & {
   state: TabNavigationState<ParamListBase>;
-  navigation: NativeBottomTabNavigationHelpers;
-  descriptors: NativeBottomTabDescriptorMap;
+  navigation: BottomTabNavigationHelpers;
+  descriptors: BottomTabDescriptorMap;
 };
 
-export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
+const ICON_SIZE = Platform.select({
+  ios: 25,
+  default: 24,
+});
+
+export function BottomTabViewNative({
+  state,
+  navigation,
+  descriptors,
+  tabBar,
+}: Props) {
   const { dark, colors, fonts } = useTheme();
 
   const focusedRouteKey = state.routes[state.index].key;
@@ -87,50 +97,53 @@ export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
 
   const inactiveTintColor =
     currentOptions.tabBarInactiveTintColor ??
-    Platform.select<ColorValue | string>({
-      ios: PlatformColor('label'),
-      default: colors.text,
-    });
+    Platform.select({ ios: PlatformColor('label'), default: colors.text });
 
   const activeIndicatorColor =
-    (currentOptions?.tabBarActiveIndicatorColor ??
-    typeof activeTintColor === 'string')
-      ? Color(activeTintColor)?.alpha(0.1).string()
-      : undefined;
-
-  const onTransitionStart = ({
-    closing,
-    route,
-  }: {
-    closing: boolean;
-    route: Route<string>;
-  }) => {
+    currentOptions?.tabBarActiveIndicatorColor ??
+    Color(activeTintColor)?.alpha(0.1).string();
+
+  const onTransitionStart = ({ route }: { route: Route<string> }) => {
     navigation.emit({
       type: 'transitionStart',
-      data: { closing },
       target: route.key,
     });
   };
 
-  const onTransitionEnd = ({
-    closing,
-    route,
-  }: {
-    closing: boolean;
-    route: Route<string>;
-  }) => {
+  const onTransitionEnd = ({ route }: { route: Route<string> }) => {
     navigation.emit({
       type: 'transitionEnd',
-      data: { closing },
       target: route.key,
     });
   };
 
+  const tabBarPosition = useTabBarPosition(currentOptions);
+
+  const hasCustomTabBar = tabBar != null;
+  const tabBarElement = tabBar
+    ? tabBar({
+        state,
+        descriptors,
+        navigation,
+      })
+    : null;
+
   const bottomAccessory = currentOptions.bottomAccessory;
 
   return (
-    <SafeAreaProviderCompat>
+    <SafeAreaProviderCompat
+      style={{
+        flexDirection:
+          tabBarPosition === 'left' || tabBarPosition === 'right'
+            ? 'row'
+            : 'column',
+      }}
+    >
+      {tabBarPosition === 'top' || tabBarPosition === 'left'
+        ? tabBarElement
+        : null}
       <BottomTabs
+        tabBarHidden={hasCustomTabBar}
         bottomAccessory={
           bottomAccessory
             ? (environment) => bottomAccessory({ placement: environment })
@@ -166,11 +179,18 @@ export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
           );
 
           if (route) {
-            navigation.emit({
+            const event = navigation.emit({
               type: 'tabPress',
               target: route.key,
+              canPreventDefault: true,
             });
 
+            if (event.defaultPrevented) {
+              throw new Error(
+                "Preventing default for 'tabPress' is not supported with native tab bar."
+              );
+            }
+
             const isFocused =
               state.index ===
               state.routes.findIndex((r) => r.key === route.key);
@@ -199,6 +219,8 @@ export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
             tabBarSystemItem,
             tabBarBlurEffect = dark ? 'systemMaterialDark' : 'systemMaterial',
             tabBarStyle,
+            sceneStyle,
+            scrollEdgeEffects,
           } = options;
 
           const {
@@ -224,32 +246,45 @@ export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
             tabBarBadgeStyle?.backgroundColor ?? colors.notification;
           const badgeTextColor =
             tabBarBadgeStyle?.color ??
-            (typeof badgeBackgroundColor === 'string'
-              ? Color(badgeBackgroundColor).isLight()
-                ? 'black'
-                : 'white'
-              : undefined);
-
-          const icon =
-            typeof tabBarIcon === 'function'
-              ? getPlatformIcon(tabBarIcon({ focused: false }))
-              : tabBarIcon != null
-                ? getPlatformIcon(tabBarIcon)
-                : undefined;
-
-          const selectedIcon =
-            typeof tabBarIcon === 'function'
-              ? getPlatformIcon(tabBarIcon({ focused: true }))
-              : undefined;
+            (Color(badgeBackgroundColor)?.isLight() ? 'black' : 'white');
+
+          const getIcon = (selected: boolean) => {
+            if (typeof tabBarIcon === 'function') {
+              const result = tabBarIcon({
+                focused: selected,
+                size: ICON_SIZE!,
+                color: selected ? activeTintColor : inactiveTintColor,
+              });
+
+              if (React.isValidElement(result)) {
+                throw new Error(
+                  `Returning a React element from 'tabBarIcon' is not supported with native tab bar.`
+                );
+              } else if (
+                result &&
+                typeof result === 'object' &&
+                'type' in result
+              ) {
+                return getPlatformIcon(result);
+              } else {
+                throw new Error(
+                  `The 'tabBarIcon' function must return an icon object (got ${typeof result}).`
+                );
+              }
+            } else if (tabBarIcon != null) {
+              return getPlatformIcon(tabBarIcon);
+            }
+
+            return undefined;
+          };
+
+          const icon = getIcon(false);
+          const selectedIcon = getIcon(true);
 
           return (
             <BottomTabsScreen
-              onWillDisappear={() =>
-                onTransitionStart({ closing: true, route })
-              }
-              onWillAppear={() => onTransitionStart({ closing: false, route })}
-              onDidAppear={() => onTransitionEnd({ closing: false, route })}
-              onDidDisappear={() => onTransitionEnd({ closing: true, route })}
+              onWillAppear={() => onTransitionStart({ route })}
+              onDidAppear={() => onTransitionEnd({ route })}
               key={route.key}
               tabKey={route.key}
               icon={icon}
@@ -260,6 +295,10 @@ export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
               systemItem={tabBarSystemItem}
               isFocused={isFocused}
               title={tabTitle}
+              scrollEdgeEffects={scrollEdgeEffects}
+              // FIXME: if this is not provided, ScrollView on lazy tabs glitches on iOS 18
+              // For now we provide an empty object before adding proper support
+              scrollEdgeAppearance={{}}
               standardAppearance={{
                 tabBarBackgroundColor,
                 tabBarShadowColor,
@@ -277,81 +316,65 @@ export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
               experimental_userInterfaceStyle={dark ? 'dark' : 'light'}
             >
               <Lazy enabled={lazy} visible={isFocused || isPreloaded}>
-                <ScreenWithHeader
+                <ScreenContent
                   isFocused={isFocused}
                   route={route}
                   navigation={navigation}
                   options={options}
+                  style={sceneStyle}
                 >
-                  {render()}
-                </ScreenWithHeader>
+                  <AnimatedScreenContent isFocused={isFocused}>
+                    <BottomTabBarHeightContext.Provider value={0}>
+                      {render()}
+                    </BottomTabBarHeightContext.Provider>
+                  </AnimatedScreenContent>
+                </ScreenContent>
               </Lazy>
             </BottomTabsScreen>
           );
         })}
       </BottomTabs>
+      {tabBarPosition === 'bottom' || tabBarPosition === 'right'
+        ? tabBarElement
+        : null}
     </SafeAreaProviderCompat>
   );
 }
 
-function ScreenWithHeader({
+function AnimatedScreenContent({
   isFocused,
-  route,
-  navigation,
-  options,
   children,
 }: {
   isFocused: boolean;
-  route: Route<string>;
-  navigation: NativeBottomTabNavigationProp<ParamListBase>;
-  options: NativeBottomTabNavigationOptions;
   children: React.ReactNode;
 }) {
-  const {
-    headerTransparent,
-    header: renderCustomHeader,
-    headerShown = renderCustomHeader != null,
-  } = options;
-
-  const hasNativeHeader = headerShown && renderCustomHeader == null;
-
-  const [wasNativeHeaderShown] = React.useState(hasNativeHeader);
-
-  React.useEffect(() => {
-    if (wasNativeHeaderShown !== hasNativeHeader) {
-      throw new Error(
-        `Changing 'headerShown' or 'header' options dynamically is not supported when using native header.`
-      );
-    }
-  }, [wasNativeHeaderShown, hasNativeHeader]);
+  const [progress] = React.useState(
+    () => new Animated.Value(isFocused ? 1 : 0)
+  );
 
-  if (hasNativeHeader) {
-    return (
-      <NativeScreen route={route} navigation={navigation} options={options}>
-        {children}
-      </NativeScreen>
-    );
-  }
+  React.useLayoutEffect(() => {
+    /**
+     * We don't have animation progress from native,
+     * So we expose a static value (0 or 1) based on focus state.
+     * Otherwise code using the `useTabAnimation` hook will crash
+     */
+    progress.setValue(isFocused ? 1 : 0);
+  }, [isFocused, progress]);
+
+  const interpolationProps = React.useMemo(() => {
+    return {
+      current: { progress },
+    };
+  }, [progress]);
 
   return (
-    <ScreenContent
-      focused={isFocused}
-      route={route}
-      navigation={navigation}
-      headerShown={headerShown}
-      headerTransparent={headerTransparent}
-      header={renderCustomHeader?.({
-        route,
-        navigation,
-        options,
-      })}
-    >
+    <BottomTabAnimationContext.Provider value={interpolationProps}>
       {children}
-    </ScreenContent>
+    </BottomTabAnimationContext.Provider>
   );
 }
 
-function getPlatformIcon(icon: NativeBottomTabIcon): PlatformIcon {
+function getPlatformIcon(icon: BottomTabIcon): PlatformIcon {
   return {
     ios:
       icon?.type === 'sfSymbol'

package/src/views/ScreenContent.tsx

@@ -0,0 +1,58 @@
+import { getHeaderTitle, Header } from '@react-navigation/elements';
+import { Screen } from '@react-navigation/elements/internal';
+import type { ParamListBase, Route } from '@react-navigation/native';
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+
+import type {
+  BottomTabNavigationOptions,
+  BottomTabNavigationProp,
+} from '../types';
+
+export function ScreenContent({
+  isFocused,
+  route,
+  navigation,
+  options,
+  style,
+  children,
+}: {
+  isFocused: boolean;
+  route: Route<string>;
+  navigation: BottomTabNavigationProp<ParamListBase>;
+  options: BottomTabNavigationOptions;
+  style?: StyleProp<ViewStyle>;
+  children: React.ReactNode;
+}) {
+  const {
+    headerTransparent,
+    header: renderCustomHeader,
+    headerShown = renderCustomHeader != null,
+  } = options;
+
+  const hasDefaultHeader = headerShown && renderCustomHeader == null;
+
+  return (
+    <Screen
+      focused={isFocused}
+      route={route}
+      navigation={navigation}
+      headerShown={headerShown}
+      headerTransparent={headerTransparent}
+      header={
+        hasDefaultHeader ? (
+          <Header {...options} title={getHeaderTitle(options, route.name)} />
+        ) : (
+          renderCustomHeader?.({
+            route,
+            navigation,
+            options,
+          })
+        )
+      }
+      style={style}
+    >
+      {children}
+    </Screen>
+  );
+}

package/src/views/TabBarIcon.tsx

@@ -1,7 +1,10 @@
 import { Badge } from '@react-navigation/elements';
+import { MissingIcon } from '@react-navigation/elements/internal';
 import type { Route } from '@react-navigation/native';
 import React from 'react';
 import {
+  type ColorValue,
+  Image,
   type StyleProp,
   StyleSheet,
   type TextStyle,
@@ -9,7 +12,9 @@ import {
   type ViewStyle,
 } from 'react-native';
 
-type Props = {
+import type { BottomTabIcon } from '../types';
+
+export type TabBarIconProps = {
   route: Route<string>;
   variant: 'uikit' | 'material';
   size: 'compact' | 'regular';
@@ -17,13 +22,15 @@ type Props = {
   badgeStyle?: StyleProp<TextStyle>;
   activeOpacity: number;
   inactiveOpacity: number;
-  activeTintColor: string;
-  inactiveTintColor: string;
-  renderIcon: (props: {
-    focused: boolean;
-    color: string;
-    size: number;
-  }) => React.ReactNode;
+  activeTintColor: ColorValue;
+  inactiveTintColor: ColorValue;
+  icon:
+    | BottomTabIcon
+    | ((props: {
+        focused: boolean;
+        color: ColorValue;
+        size: number;
+      }) => BottomTabIcon | React.ReactNode);
   allowFontScaling?: boolean;
   style: StyleProp<ViewStyle>;
 };
@@ -50,10 +57,10 @@ export function TabBarIcon({
   inactiveOpacity,
   activeTintColor,
   inactiveTintColor,
-  renderIcon,
+  icon,
   allowFontScaling,
   style,
-}: Props) {
+}: TabBarIconProps) {
   const iconSize =
     variant === 'material'
       ? ICON_SIZE_MATERIAL
@@ -88,6 +95,7 @@ export function TabBarIcon({
           focused: true,
           size: iconSize,
           color: activeTintColor,
+          icon,
         })}
       </View>
       <View style={[styles.icon, { opacity: inactiveOpacity }]}>
@@ -95,6 +103,7 @@ export function TabBarIcon({
           focused: false,
           size: iconSize,
           color: inactiveTintColor,
+          icon,
         })}
       </View>
       <Badge
@@ -109,6 +118,50 @@ export function TabBarIcon({
   );
 }
 
+function renderIcon({
+  focused,
+  size,
+  color,
+  icon,
+}: {
+  focused: boolean;
+  size: number;
+  color: ColorValue;
+  icon: TabBarIconProps['icon'];
+}) {
+  const iconValue =
+    typeof icon === 'function' ? icon({ focused, size, color }) : icon;
+
+  if (React.isValidElement(iconValue)) {
+    return iconValue;
+  }
+
+  if (
+    typeof iconValue === 'object' &&
+    iconValue != null &&
+    'type' in iconValue
+  ) {
+    if (iconValue?.type === 'image') {
+      return (
+        <Image
+          source={iconValue.source}
+          style={{
+            width: size,
+            height: size,
+            tintColor: iconValue.tinted === false ? undefined : color,
+          }}
+        />
+      );
+    } else {
+      throw new Error(
+        `Icon type '${iconValue.type}' is only supported with native tab bar.`
+      );
+    }
+  }
+
+  return <MissingIcon color={color} size={size} />;
+}
+
 const styles = StyleSheet.create({
   icon: {
     // We render the icon twice at the same position on top of each other:

package/lib/module/unstable/NativeBottomTabView.js

@@ -1,6 +0,0 @@
-"use strict";
-
-export function NativeBottomTabView(_) {
-  throw new Error('Native Bottom Tabs are not supported on this platform.');
-}
-//# sourceMappingURL=NativeBottomTabView.js.map

package/lib/module/unstable/NativeBottomTabView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["NativeBottomTabView","_","Error"],"sourceRoot":"../../../src","sources":["unstable/NativeBottomTabView.tsx"],"mappings":";;AAiBA,OAAO,SAASA,mBAAmBA,CAACC,CAAQ,EAAE;EAC5C,MAAM,IAAIC,KAAK,CAAC,wDAAwD,CAAC;AAC3E","ignoreList":[]}

package/lib/module/unstable/NativeBottomTabView.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getLabel","Lazy","SafeAreaProviderCompat","Screen","ScreenContent","CommonActions","StackActions","useTheme","Color","React","Platform","PlatformColor","BottomTabs","BottomTabsScreen","NativeScreen","jsx","_jsx","NativeBottomTabView","state","navigation","descriptors","dark","colors","fonts","focusedRouteKey","routes","index","key","previousRouteKeyRef","useRef","useEffect","previousRouteKey","current","options","popToTopOnBlur","prevRoute","find","route","type","popToTopAction","popToTop","target","dispatch","currentOptions","fontFamily","select","ios","medium","default","regular","fontWeight","fontSize","fontStyle","tabBarLabelStyle","activeTintColor","tabBarActiveTintColor","primary","inactiveTintColor","tabBarInactiveTintColor","text","activeIndicatorColor","tabBarActiveIndicatorColor","alpha","string","undefined","onTransitionStart","closing","emit","data","onTransitionEnd","bottomAccessory","children","environment","placement","tabBarItemLabelVisibilityMode","tabBarLabelVisibilityMode","tabBarControllerMode","tabBarMinimizeBehavior","tabBarTintColor","tabBarItemIconColor","tabBarItemIconColorActive","tabBarItemTitleFontColor","tabBarItemTitleFontColorActive","tabBarItemTitleFontFamily","tabBarItemTitleFontWeight","tabBarItemTitleFontSize","tabBarItemTitleFontSizeActive","tabBarItemTitleFontStyle","tabBarBackgroundColor","tabBarStyle","backgroundColor","card","tabBarItemActiveIndicatorColor","tabBarItemActiveIndicatorEnabled","tabBarActiveIndicatorEnabled","tabBarItemRippleColor","tabBarRippleColor","experimentalControlNavigationStateInJS","onNativeFocusChange","e","nativeEvent","tabKey","isFocused","findIndex","r","navigate","name","params","map","render","isPreloaded","preloadedRouteKeys","includes","title","lazy","tabBarLabel","tabBarBadgeStyle","tabBarIcon","tabBarBadge","tabBarSystemItem","tabBarBlurEffect","shadowColor","tabBarShadowColor","tabTitle","OS","label","tabItemAppearance","badgeBackgroundColor","notification","badgeTextColor","color","isLight","icon","getPlatformIcon","focused","selectedIcon","onWillDisappear","onWillAppear","onDidAppear","onDidDisappear","shared","tabBarItemBadgeBackgroundColor","tabBarItemBadgeTextColor","badgeValue","toString","systemItem","standardAppearance","stacked","normal","inline","compactInline","experimental_userInterfaceStyle","enabled","visible","ScreenWithHeader","headerTransparent","header","renderCustomHeader","headerShown","hasNativeHeader","wasNativeHeaderShown","useState","Error","tinted","templateSource","source","android","imageSource"],"sourceRoot":"../../../src","sources":["unstable/NativeBottomTabView.native.tsx"],"mappings":"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","ignoreList":[]}