@react-navigation/bottom-tabs 7.10.1 → 8.0.0-alpha.1

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,
   NavigationMetaContext,
@@ -13,36 +13,46 @@ 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 {
   type PlatformIcon,
   Tabs,
   type TabsScreenItemStateAppearance,
 } 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;
 };
 
+const ICON_SIZE = Platform.select({
+  ios: 25,
+  default: 24,
+});
+
 const meta = {
   type: 'native-tabs',
 };
 
-export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
+export function BottomTabViewNative({
+  state,
+  navigation,
+  descriptors,
+  tabBar,
+}: Props) {
   const { dark, colors, fonts } = useTheme();
 
   const focusedRouteKey = state.routes[state.index].key;
@@ -91,45 +101,37 @@ 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 tabBarControllerMode =
     currentOptions.tabBarControllerMode === 'auto'
       ? 'automatic'
@@ -138,13 +140,26 @@ export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
   const tabBarMinimizeBehavior =
     currentOptions.tabBarMinimizeBehavior === 'auto'
       ? 'automatic'
-      : currentOptions.tabBarMinimizeBehavior;
+      : currentOptions.tabBarMinimizeBehavior === 'none'
+        ? 'never'
+        : currentOptions.tabBarMinimizeBehavior;
 
   const bottomAccessory = currentOptions.bottomAccessory;
 
   return (
-    <SafeAreaProviderCompat>
+    <SafeAreaProviderCompat
+      style={{
+        flexDirection:
+          tabBarPosition === 'left' || tabBarPosition === 'right'
+            ? 'row'
+            : 'column',
+      }}
+    >
+      {tabBarPosition === 'top' || tabBarPosition === 'left'
+        ? tabBarElement
+        : null}
       <Tabs.Host
+        tabBarHidden={hasCustomTabBar}
         bottomAccessory={
           bottomAccessory
             ? (environment) => bottomAccessory({ placement: environment })
@@ -180,11 +195,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);
@@ -213,6 +235,8 @@ export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
             tabBarSystemItem,
             tabBarBlurEffect = dark ? 'systemMaterialDark' : 'systemMaterial',
             tabBarStyle,
+            sceneStyle,
+            scrollEdgeEffects,
           } = options;
 
           const {
@@ -238,32 +262,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 (
             <Tabs.Screen
-              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}
@@ -274,6 +311,27 @@ export function NativeBottomTabView({ state, navigation, descriptors }: Props) {
               systemItem={tabBarSystemItem}
               isFocused={isFocused}
               title={tabTitle}
+              scrollEdgeEffects={{
+                top:
+                  scrollEdgeEffects?.top === 'auto'
+                    ? 'automatic'
+                    : scrollEdgeEffects?.top,
+                bottom:
+                  scrollEdgeEffects?.bottom === 'auto'
+                    ? 'automatic'
+                    : scrollEdgeEffects?.bottom,
+                left:
+                  scrollEdgeEffects?.left === 'auto'
+                    ? 'automatic'
+                    : scrollEdgeEffects?.left,
+                right:
+                  scrollEdgeEffects?.right === 'auto'
+                    ? 'automatic'
+                    : scrollEdgeEffects?.right,
+              }}
+              // 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,
@@ -297,83 +355,66 @@ 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}
                 >
-                  <NavigationMetaContext.Provider value={meta}>
-                    {render()}
-                  </NavigationMetaContext.Provider>
-                </ScreenWithHeader>
+                  <AnimatedScreenContent isFocused={isFocused}>
+                    <BottomTabBarHeightContext.Provider value={0}>
+                      <NavigationMetaContext.Provider value={meta}>
+                        {render()}
+                      </NavigationMetaContext.Provider>
+                    </BottomTabBarHeightContext.Provider>
+                  </AnimatedScreenContent>
+                </ScreenContent>
               </Lazy>
             </Tabs.Screen>
           );
         })}
       </Tabs.Host>
+      {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 type { Route } from '@react-navigation/native';
+import { MissingIcon } from '@react-navigation/elements/internal';
+import { type Route, SFSymbol } 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,65 @@ 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
+  ) {
+    switch (iconValue.type) {
+      case 'image':
+        return (
+          <Image
+            source={iconValue.source}
+            style={{
+              width: size,
+              height: size,
+              tintColor: iconValue.tinted === false ? undefined : color,
+            }}
+          />
+        );
+      case 'drawableResource':
+        return (
+          <Image
+            source={{ uri: iconValue.name }}
+            style={{
+              width: size,
+              height: size,
+              tintColor: iconValue.tinted === false ? undefined : color,
+            }}
+          />
+        );
+      case 'sfSymbol':
+        return <SFSymbol name={iconValue.name} size={size} color={color} />;
+      default: {
+        const _exhaustiveCheck: never = iconValue;
+
+        return _exhaustiveCheck;
+      }
+    }
+  }
+
+  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","NavigationMetaContext","StackActions","useTheme","Color","React","Platform","PlatformColor","Tabs","NativeScreen","jsx","_jsx","meta","type","NativeBottomTabView","state","navigation","descriptors","dark","colors","fonts","focusedRouteKey","routes","index","key","previousRouteKeyRef","useRef","useEffect","previousRouteKey","current","options","popToTopOnBlur","prevRoute","find","route","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","tabBarControllerMode","tabBarMinimizeBehavior","bottomAccessory","children","Host","environment","placement","tabBarItemLabelVisibilityMode","tabBarLabelVisibilityMode","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","specialEffects","repeatedTabSelection","popToRoot","scrollToTop","experimental_userInterfaceStyle","enabled","visible","ScreenWithHeader","Provider","value","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":[]}