@react-navigation/native-stack 7.10.1 → 8.0.0-alpha.1

package/src/views/NativeStackView.native.tsx

@@ -4,12 +4,11 @@ import {
   HeaderBackContext,
   HeaderHeightContext,
   HeaderShownContext,
-  SafeAreaProviderCompat,
   useFrameSize,
 } from '@react-navigation/elements';
+import { SafeAreaProviderCompat } from '@react-navigation/elements/internal';
 import {
-  NavigationContext,
-  NavigationRouteContext,
+  NavigationProvider,
   type ParamListBase,
   type RouteProp,
   StackActions,
@@ -21,14 +20,12 @@ import * as React from 'react';
 import {
   Animated,
   Platform,
-  StatusBar,
   StyleSheet,
   useAnimatedValue,
   View,
 } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import {
-  compatibilityFlags,
   type ScreenProps,
   ScreenStack,
   ScreenStackItem,
@@ -80,7 +77,6 @@ const SceneView = ({
   shouldFreeze,
   descriptor,
   previousDescriptor,
-  nextDescriptor,
   isPresentationModal,
   isPreloaded,
   onWillDisappear,
@@ -95,19 +91,15 @@ const SceneView = ({
 }: SceneViewProps) => {
   const { route, navigation, options, render } = descriptor;
 
-  let {
-    animation,
-    animationMatchesGesture,
-    presentation = isPresentationModal ? 'modal' : 'card',
-    fullScreenGestureEnabled,
-  } = options;
-
   const {
+    animation,
     animationDuration,
+    animationMatchesGesture,
     animationTypeForReplace = 'push',
+    fullScreenGestureEnabled,
     fullScreenGestureShadowEnabled = true,
     gestureEnabled,
-    gestureDirection = presentation === 'card' ? 'horizontal' : 'vertical',
+    gestureDirection,
     gestureResponseDistance,
     header,
     headerBackButtonMenuEnabled,
@@ -116,8 +108,6 @@ const SceneView = ({
     headerTransparent,
     autoHideHomeIndicator,
     keyboardHandlingEnabled,
-    navigationBarColor,
-    navigationBarTranslucent,
     navigationBarHidden,
     orientation,
     sheetAllowedDetents = [1.0],
@@ -127,42 +117,16 @@ const SceneView = ({
     sheetElevation = 24,
     sheetExpandsWhenScrolledToEdge = true,
     sheetInitialDetentIndex = 0,
-    sheetShouldOverflowTopInset = false,
     statusBarAnimation,
     statusBarHidden,
     statusBarStyle,
-    statusBarTranslucent,
-    statusBarBackgroundColor,
     unstable_sheetFooter,
     scrollEdgeEffects,
     freezeOnBlur,
     contentStyle,
   } = options;
 
-  if (gestureDirection === 'vertical' && Platform.OS === 'ios') {
-    // for `vertical` direction to work, we need to set `fullScreenGestureEnabled` to `true`
-    // so the screen can be dismissed from any point on screen.
-    // `animationMatchesGesture` needs to be set to `true` so the `animation` set by user can be used,
-    // otherwise `simple_push` will be used.
-    // Also, the default animation for this direction seems to be `slide_from_bottom`.
-    if (fullScreenGestureEnabled === undefined) {
-      fullScreenGestureEnabled = true;
-    }
-
-    if (animationMatchesGesture === undefined) {
-      animationMatchesGesture = true;
-    }
-
-    if (animation === undefined) {
-      animation = 'slide_from_bottom';
-    }
-  }
-
-  // workaround for rn-screens where gestureDirection has to be set on both
-  // current and previous screen - software-mansion/react-native-screens/pull/1509
-  const nextGestureDirection = nextDescriptor?.options.gestureDirection;
-  const gestureDirectionOverride =
-    nextGestureDirection != null ? nextGestureDirection : gestureDirection;
+  let { presentation = isPresentationModal ? 'modal' : 'card' } = options;
 
   if (index === 0) {
     // first screen should always be treated as `card`, it resolves problems with no header animation
@@ -201,7 +165,11 @@ const SceneView = ({
       // So our `getDefaultHeaderHeight` doesn't return the correct value
       // So we hardcode the value here for now until screens is updated
       android: ANDROID_DEFAULT_HEADER_HEIGHT + topInset,
-      default: getDefaultHeaderHeight(frame, isModal, topInset),
+      default: getDefaultHeaderHeight({
+        landscape: frame.width > frame.height,
+        modalPresentation: isModal,
+        topInset,
+      }),
     })
   );
 
@@ -218,46 +186,7 @@ const SceneView = ({
 
   const hasCustomHeader = header != null;
 
-  const usesNewAndroidHeaderHeightImplementation =
-    'usesNewAndroidHeaderHeightImplementation' in compatibilityFlags &&
-    compatibilityFlags['usesNewAndroidHeaderHeightImplementation'] === true;
-
-  let headerHeightCorrectionOffset = 0;
-
-  if (
-    Platform.OS === 'android' &&
-    !hasCustomHeader &&
-    !usesNewAndroidHeaderHeightImplementation
-  ) {
-    const statusBarHeight = StatusBar.currentHeight ?? 0;
-
-    // On Android, the native header height is not correctly calculated
-    // It includes status bar height even if statusbar is not translucent
-    // And the statusbar value itself doesn't match the actual status bar height
-    // So we subtract the bogus status bar height and add the actual top inset
-    headerHeightCorrectionOffset = -statusBarHeight + topInset;
-  }
-
-  const rawAnimatedHeaderHeight = useAnimatedValue(defaultHeaderHeight);
-  const animatedHeaderHeight = React.useMemo(
-    () =>
-      Animated.add<number>(
-        rawAnimatedHeaderHeight,
-        headerHeightCorrectionOffset
-      ),
-    [headerHeightCorrectionOffset, rawAnimatedHeaderHeight]
-  );
-
-  // During the very first render topInset is > 0 when running
-  // in non edge-to-edge mode on Android, while on every consecutive render
-  // topInset === 0, causing header content to jump, as we add padding on the first frame,
-  // just to remove it in next one. To prevent this, when statusBarTranslucent is set,
-  // we apply additional padding in header only if its true.
-  // For more details see: https://github.com/react-navigation/react-navigation/pull/12014
-  const headerTopInsetEnabled =
-    typeof statusBarTranslucent === 'boolean'
-      ? statusBarTranslucent
-      : topInset !== 0;
+  const headerTopInsetEnabled = topInset !== 0;
 
   const canGoBack = previousDescriptor != null || parentHeaderBack != null;
   const backTitle = previousDescriptor
@@ -277,6 +206,8 @@ const SceneView = ({
 
   const isRemovePrevented = preventedRoutes[route.key]?.preventRemove;
 
+  const animatedHeaderHeight = useAnimatedValue(defaultHeaderHeight);
+
   const headerConfig = useHeaderConfigProps({
     ...options,
     route,
@@ -291,7 +222,6 @@ const SceneView = ({
     headerHeight,
     headerShown: header !== undefined ? false : headerShown,
     headerTopInsetEnabled,
-    headerTransparent,
     headerBack,
   });
 
@@ -306,7 +236,7 @@ const SceneView = ({
         [
           {
             nativeEvent: {
-              headerHeight: rawAnimatedHeaderHeight,
+              headerHeight: animatedHeaderHeight,
             },
           },
         ],
@@ -355,136 +285,129 @@ const SceneView = ({
       );
 
   return (
-    <NavigationContext.Provider value={navigation}>
-      <NavigationRouteContext.Provider value={route}>
-        <ScreenStackItem
-          key={route.key}
-          screenId={route.key}
-          activityState={isPreloaded ? 0 : 2}
-          style={StyleSheet.absoluteFill}
-          aria-hidden={!focused}
-          customAnimationOnSwipe={animationMatchesGesture}
-          fullScreenSwipeEnabled={fullScreenGestureEnabled}
-          fullScreenSwipeShadowEnabled={fullScreenGestureShadowEnabled}
-          freezeOnBlur={freezeOnBlur}
-          gestureEnabled={
-            Platform.OS === 'android'
-              ? // This prop enables handling of system back gestures on Android
-                // Since we handle them in JS side, we disable this
-                false
-              : gestureEnabled
-          }
-          homeIndicatorHidden={autoHideHomeIndicator}
-          hideKeyboardOnSwipe={keyboardHandlingEnabled}
-          navigationBarColor={navigationBarColor}
-          navigationBarTranslucent={navigationBarTranslucent}
-          navigationBarHidden={navigationBarHidden}
-          replaceAnimation={animationTypeForReplace}
-          stackPresentation={presentation === 'card' ? 'push' : presentation}
-          stackAnimation={animation}
-          screenOrientation={orientation}
-          sheetAllowedDetents={sheetAllowedDetents}
-          sheetLargestUndimmedDetentIndex={sheetLargestUndimmedDetentIndex}
-          sheetGrabberVisible={sheetGrabberVisible}
-          sheetInitialDetentIndex={sheetInitialDetentIndex}
-          sheetCornerRadius={sheetCornerRadius}
-          sheetElevation={sheetElevation}
-          sheetExpandsWhenScrolledToEdge={sheetExpandsWhenScrolledToEdge}
-          sheetShouldOverflowTopInset={sheetShouldOverflowTopInset}
-          statusBarAnimation={statusBarAnimation}
-          statusBarHidden={statusBarHidden}
-          statusBarStyle={statusBarStyle}
-          statusBarColor={statusBarBackgroundColor}
-          statusBarTranslucent={statusBarTranslucent}
-          swipeDirection={gestureDirectionOverride}
-          transitionDuration={animationDuration}
-          onWillAppear={onWillAppear}
-          onWillDisappear={onWillDisappear}
-          onAppear={onAppear}
-          onDisappear={onDisappear}
-          onDismissed={onDismissed}
-          onGestureCancel={onGestureCancel}
-          onSheetDetentChanged={onSheetDetentChanged}
-          gestureResponseDistance={gestureResponseDistance}
-          nativeBackButtonDismissalEnabled={false} // on Android
-          onHeaderBackButtonClicked={onHeaderBackButtonClicked}
-          preventNativeDismiss={isRemovePrevented} // on iOS
-          scrollEdgeEffects={{
-            bottom: scrollEdgeEffects?.bottom ?? 'automatic',
-            top: scrollEdgeEffects?.top ?? 'automatic',
-            left: scrollEdgeEffects?.left ?? 'automatic',
-            right: scrollEdgeEffects?.right ?? 'automatic',
-          }}
-          onNativeDismissCancelled={onNativeDismissCancelled}
-          onHeaderHeightChange={onHeaderHeightChange}
-          contentStyle={[
-            presentation !== 'transparentModal' &&
-              presentation !== 'containedTransparentModal' && {
-                backgroundColor: colors.background,
-              },
-            contentStyle,
-          ]}
-          headerConfig={headerConfig}
-          unstable_sheetFooter={unstable_sheetFooter}
-          // When ts-expect-error is added, it affects all the props below it
-          // So we keep any props that need it at the end
-          // Otherwise invalid props may not be caught by TypeScript
-          shouldFreeze={shouldFreeze}
-        >
-          <AnimatedHeaderHeightContext.Provider value={animatedHeaderHeight}>
-            <HeaderHeightContext.Provider
-              value={
-                headerShown !== false ? headerHeight : (parentHeaderHeight ?? 0)
-              }
-            >
-              {headerBackground != null ? (
-                /**
-                 * To show a custom header background, we render it at the top of the screen below the header
-                 * The header also needs to be positioned absolutely (with `translucent` style)
-                 */
-                <View
-                  style={[
-                    styles.background,
-                    headerTransparent ? styles.translucent : null,
-                    { height: headerHeight },
-                  ]}
-                >
-                  {headerBackground()}
-                </View>
-              ) : null}
-              {header != null && headerShown !== false ? (
-                <View
-                  onLayout={(e) => {
-                    const headerHeight = e.nativeEvent.layout.height;
-
-                    setHeaderHeight(headerHeight);
-                    rawAnimatedHeaderHeight.setValue(headerHeight);
-                  }}
-                  style={[
-                    styles.header,
-                    headerTransparent ? styles.absolute : null,
-                  ]}
-                >
-                  {header({
-                    back: headerBack,
-                    options,
-                    route,
-                    navigation,
-                  })}
-                </View>
-              ) : null}
-              <HeaderShownContext.Provider
-                value={isParentHeaderShown || headerShown !== false}
+    <NavigationProvider navigation={navigation} route={route}>
+      <ScreenStackItem
+        key={route.key}
+        screenId={route.key}
+        activityState={isPreloaded ? 0 : 2}
+        style={StyleSheet.absoluteFill}
+        aria-hidden={!focused}
+        customAnimationOnSwipe={animationMatchesGesture}
+        fullScreenSwipeEnabled={fullScreenGestureEnabled}
+        fullScreenSwipeShadowEnabled={fullScreenGestureShadowEnabled}
+        freezeOnBlur={freezeOnBlur}
+        gestureEnabled={
+          Platform.OS === 'android'
+            ? // This prop enables handling of system back gestures on Android
+              // Since we handle them in JS side, we disable this
+              false
+            : gestureEnabled
+        }
+        homeIndicatorHidden={autoHideHomeIndicator}
+        hideKeyboardOnSwipe={keyboardHandlingEnabled}
+        navigationBarHidden={navigationBarHidden}
+        replaceAnimation={animationTypeForReplace}
+        stackPresentation={presentation === 'card' ? 'push' : presentation}
+        stackAnimation={animation}
+        screenOrientation={orientation}
+        sheetAllowedDetents={sheetAllowedDetents}
+        sheetLargestUndimmedDetentIndex={sheetLargestUndimmedDetentIndex}
+        sheetGrabberVisible={sheetGrabberVisible}
+        sheetInitialDetentIndex={sheetInitialDetentIndex}
+        sheetCornerRadius={sheetCornerRadius}
+        sheetElevation={sheetElevation}
+        sheetExpandsWhenScrolledToEdge={sheetExpandsWhenScrolledToEdge}
+        statusBarAnimation={statusBarAnimation}
+        statusBarHidden={statusBarHidden}
+        statusBarStyle={statusBarStyle}
+        swipeDirection={gestureDirection}
+        transitionDuration={animationDuration}
+        onWillAppear={onWillAppear}
+        onWillDisappear={onWillDisappear}
+        onAppear={onAppear}
+        onDisappear={onDisappear}
+        onDismissed={onDismissed}
+        onGestureCancel={onGestureCancel}
+        onSheetDetentChanged={onSheetDetentChanged}
+        gestureResponseDistance={gestureResponseDistance}
+        nativeBackButtonDismissalEnabled={false} // on Android
+        onHeaderBackButtonClicked={onHeaderBackButtonClicked}
+        preventNativeDismiss={isRemovePrevented} // on iOS
+        scrollEdgeEffects={{
+          bottom: scrollEdgeEffects?.bottom ?? 'automatic',
+          top: scrollEdgeEffects?.top ?? 'automatic',
+          left: scrollEdgeEffects?.left ?? 'automatic',
+          right: scrollEdgeEffects?.right ?? 'automatic',
+        }}
+        onNativeDismissCancelled={onNativeDismissCancelled}
+        onHeaderHeightChange={onHeaderHeightChange}
+        contentStyle={[
+          presentation !== 'transparentModal' &&
+            presentation !== 'containedTransparentModal' && {
+              backgroundColor: colors.background,
+            },
+          contentStyle,
+        ]}
+        headerConfig={headerConfig}
+        unstable_sheetFooter={unstable_sheetFooter}
+        // When ts-expect-error is added, it affects all the props below it
+        // So we keep any props that need it at the end
+        // Otherwise invalid props may not be caught by TypeScript
+        shouldFreeze={shouldFreeze}
+      >
+        <AnimatedHeaderHeightContext.Provider value={animatedHeaderHeight}>
+          <HeaderHeightContext.Provider
+            value={
+              headerShown !== false ? headerHeight : (parentHeaderHeight ?? 0)
+            }
+          >
+            {headerBackground != null ? (
+              /**
+               * To show a custom header background, we render it at the top of the screen below the header
+               * The header also needs to be positioned absolutely (with `translucent` style)
+               */
+              <View
+                style={[
+                  styles.background,
+                  headerTransparent ? styles.translucent : null,
+                  { height: headerHeight },
+                ]}
+              >
+                {headerBackground()}
+              </View>
+            ) : null}
+            {header != null && headerShown !== false ? (
+              <View
+                onLayout={(e) => {
+                  const headerHeight = e.nativeEvent.layout.height;
+
+                  animatedHeaderHeight.setValue(headerHeight);
+                  setHeaderHeight(headerHeight);
+                }}
+                style={[
+                  styles.header,
+                  headerTransparent ? styles.absolute : null,
+                ]}
               >
-                <HeaderBackContext.Provider value={headerBack}>
-                  {render()}
-                </HeaderBackContext.Provider>
-              </HeaderShownContext.Provider>
-            </HeaderHeightContext.Provider>
-          </AnimatedHeaderHeightContext.Provider>
-        </ScreenStackItem>
-      </NavigationRouteContext.Provider>
-    </NavigationContext.Provider>
+                {header({
+                  back: headerBack,
+                  options,
+                  route,
+                  navigation,
+                })}
+              </View>
+            ) : null}
+            <HeaderShownContext.Provider
+              value={isParentHeaderShown || headerShown !== false}
+            >
+              <HeaderBackContext.Provider value={headerBack}>
+                {render()}
+              </HeaderBackContext.Provider>
+            </HeaderShownContext.Provider>
+          </HeaderHeightContext.Provider>
+        </AnimatedHeaderHeightContext.Provider>
+      </ScreenStackItem>
+    </NavigationProvider>
   );
 };
 

package/src/views/NativeStackView.tsx

@@ -3,10 +3,12 @@ import {
   Header,
   HeaderBackButton,
   HeaderBackContext,
-  SafeAreaProviderCompat,
-  Screen,
   useHeaderHeight,
 } from '@react-navigation/elements';
+import {
+  SafeAreaProviderCompat,
+  Screen,
+} from '@react-navigation/elements/internal';
 import {
   type ParamListBase,
   type RouteProp,
@@ -81,7 +83,6 @@ export function NativeStackView({ state, descriptors, describe }: Props) {
           header,
           headerShown,
           headerBackIcon,
-          headerBackImageSource,
           headerLeft,
           headerTransparent,
           headerBackTitle,
@@ -131,14 +132,10 @@ export function NativeStackView({ state, descriptors, describe }: Props) {
                               label={headerBackTitle ?? label}
                               tintColor={tintColor}
                               backImage={
-                                headerBackIcon !== undefined ||
-                                headerBackImageSource !== undefined
+                                headerBackIcon !== undefined
                                   ? () => (
                                       <Image
-                                        source={
-                                          headerBackIcon?.source ??
-                                          headerBackImageSource
-                                        }
+                                        source={headerBackIcon.source}
                                         resizeMode="contain"
                                         tintColor={tintColor}
                                         style={styles.backImage}

package/src/views/useHeaderConfigProps.tsx

@@ -1,11 +1,11 @@
 import { getHeaderTitle, HeaderTitle } from '@react-navigation/elements';
+import { Color } from '@react-navigation/elements/internal';
 import {
   type Route,
   type Theme,
   useLocale,
   useTheme,
 } from '@react-navigation/native';
-import color from 'color';
 import { Platform, StyleSheet, type TextStyle, View } from 'react-native';
 import {
   type HeaderBarButtonItem,
@@ -27,7 +27,6 @@ import type {
   NativeStackHeaderItemMenuSubmenu,
   NativeStackNavigationOptions,
 } from '../types';
-import { processFonts } from './FontProcessor';
 
 type Props = NativeStackNavigationOptions & {
   headerTopInsetEnabled: boolean;
@@ -110,7 +109,7 @@ const processBarButtonItems = (
         if (badge) {
           const badgeBackgroundColor =
             badge.style?.backgroundColor ?? colors.notification;
-          const badgeTextColor = color(badgeBackgroundColor).isLight()
+          const badgeTextColor = Color(badgeBackgroundColor)?.isLight()
             ? 'black'
             : 'white';
 
@@ -166,7 +165,6 @@ const getMenuItem = (
 
 export function useHeaderConfigProps({
   headerBackIcon,
-  headerBackImageSource,
   headerBackButtonDisplayMode,
   headerBackButtonMenuEnabled,
   headerBackTitle,
@@ -174,13 +172,14 @@ export function useHeaderConfigProps({
   headerBackVisible,
   headerShadowVisible,
   headerLargeStyle,
-  headerLargeTitle: headerLargeTitleDeprecated,
-  headerLargeTitleEnabled = headerLargeTitleDeprecated,
+  headerLargeTitleEnabled,
   headerLargeTitleShadowVisible,
   headerLargeTitleStyle,
   headerBackground,
   headerLeft,
+  headerLeftBackgroundVisible,
   headerRight,
+  headerRightBackgroundVisible,
   headerShown,
   headerStyle,
   headerBlurEffect,
@@ -217,17 +216,11 @@ export function useHeaderConfigProps({
   const headerStyleFlattened = StyleSheet.flatten(headerStyle) || {};
   const headerLargeStyleFlattened = StyleSheet.flatten(headerLargeStyle) || {};
 
-  const [backTitleFontFamily, largeTitleFontFamily, titleFontFamily] =
-    processFonts([
-      headerBackTitleStyleFlattened.fontFamily,
-      headerLargeTitleStyleFlattened.fontFamily,
-      headerTitleStyleFlattened.fontFamily,
-    ]);
-
   const backTitleFontSize =
     'fontSize' in headerBackTitleStyleFlattened
       ? headerBackTitleStyleFlattened.fontSize
       : undefined;
+  const backTitleFontFamily = headerBackTitleStyleFlattened.fontFamily;
 
   const titleText = getHeaderTitle({ title, headerTitle }, route.name);
   const titleColor =
@@ -239,6 +232,7 @@ export function useHeaderConfigProps({
       ? headerTitleStyleFlattened.fontSize
       : undefined;
   const titleFontWeight = headerTitleStyleFlattened.fontWeight;
+  const titleFontFamily = headerTitleStyleFlattened.fontFamily;
 
   const largeTitleBackgroundColor = headerLargeStyleFlattened.backgroundColor;
   const largeTitleColor =
@@ -250,6 +244,7 @@ export function useHeaderConfigProps({
       ? headerLargeTitleStyleFlattened.fontSize
       : undefined;
   const largeTitleFontWeight = headerLargeTitleStyleFlattened.fontWeight;
+  const largeTitleFontFamily = headerLargeTitleStyleFlattened.fontFamily;
 
   const headerTitleStyleSupported: TextStyle = { color: titleColor };
 
@@ -297,14 +292,8 @@ export function useHeaderConfigProps({
         })
       : null;
 
-  const supportsHeaderSearchBar =
-    typeof isSearchBarAvailableForCurrentPlatform === 'boolean'
-      ? isSearchBarAvailableForCurrentPlatform
-      : // Fallback for older versions of react-native-screens
-        Platform.OS === 'ios' && SearchBar != null;
-
   const hasHeaderSearchBar =
-    supportsHeaderSearchBar && headerSearchBarOptions != null;
+    isSearchBarAvailableForCurrentPlatform && headerSearchBarOptions != null;
 
   /**
    * We need to set this in if:
@@ -374,7 +363,9 @@ export function useHeaderConfigProps({
               return null;
             })
           ) : headerLeftElement != null ? (
-            <ScreenStackHeaderLeftView>
+            <ScreenStackHeaderLeftView
+              hidesSharedBackground={headerLeftBackgroundVisible === false}
+            >
               {headerLeftElement}
             </ScreenStackHeaderLeftView>
           ) : null}
@@ -426,10 +417,8 @@ export function useHeaderConfigProps({
           ) : null}
         </>
       )}
-      {headerBackIcon !== undefined || headerBackImageSource !== undefined ? (
-        <ScreenStackHeaderBackButtonImage
-          source={headerBackIcon?.source ?? headerBackImageSource}
-        />
+      {headerBackIcon !== undefined ? (
+        <ScreenStackHeaderBackButtonImage source={headerBackIcon.source} />
       ) : null}
       {Platform.OS === 'ios' && rightItems ? (
         rightItems.map((item, index) => {
@@ -448,13 +437,18 @@ export function useHeaderConfigProps({
           return null;
         })
       ) : headerRightElement != null ? (
-        <ScreenStackHeaderRightView>
+        <ScreenStackHeaderRightView
+          hidesSharedBackground={headerRightBackgroundVisible === false}
+        >
           {headerRightElement}
         </ScreenStackHeaderRightView>
       ) : null}
       {hasHeaderSearchBar ? (
         <ScreenStackHeaderSearchBarView>
-          <SearchBar {...headerSearchBarOptions} />
+          <SearchBar
+            {...headerSearchBarOptions}
+            onChangeText={headerSearchBarOptions.onChange}
+          />
         </ScreenStackHeaderSearchBarView>
       ) : null}
     </>

package/lib/module/views/FontProcessor.js

@@ -1,6 +0,0 @@
-"use strict";
-
-export function processFonts(_) {
-  throw new Error('Not supported on Web');
-}
-//# sourceMappingURL=FontProcessor.js.map

package/lib/module/views/FontProcessor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["processFonts","_","Error"],"sourceRoot":"../../../src","sources":["views/FontProcessor.tsx"],"mappings":";;AAAA,OAAO,SAASA,YAAYA,CAC1BC,CAAyB,EACD;EACxB,MAAM,IAAIC,KAAK,CAAC,sBAAsB,CAAC;AACzC","ignoreList":[]}

package/lib/module/views/FontProcessor.native.js

@@ -1,12 +0,0 @@
-"use strict";
-
-// @ts-expect-error importing private module
-import ReactNativeStyleAttributes from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes';
-export function processFonts(fontFamilies) {
-  const fontFamilyProcessor = ReactNativeStyleAttributes.fontFamily?.process;
-  if (typeof fontFamilyProcessor === 'function') {
-    return fontFamilies.map(fontFamilyProcessor);
-  }
-  return fontFamilies;
-}
-//# sourceMappingURL=FontProcessor.native.js.map