@react-navigation/elements 1.3.18 → 1.4.0-alpha.1

package/lib/typescript/src/Screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,aAAa,EACb,SAAS,EACV,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAWtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,KAAK,eA2D1C"}
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAEd,aAAa,EACb,SAAS,EACV,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAWtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,eA2DlC"}

package/lib/typescript/src/getNamedContext.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 declare global {
     var __react_navigation__elements_contexts: Map<string, React.Context<any>>;
 }
-export default function getNamedContext<T>(name: string, initialValue: T): React.Context<T>;
+export declare function getNamedContext<T>(name: string, initialValue: T): React.Context<T>;
 //# sourceMappingURL=getNamedContext.d.ts.map

package/lib/typescript/src/getNamedContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getNamedContext.d.ts","sourceRoot":"","sources":["../../../src/getNamedContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,qCAAqC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;CAC5E;AAKD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,CAAC,EACvC,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,GACd,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAalB"}
+{"version":3,"file":"getNamedContext.d.ts","sourceRoot":"","sources":["../../../src/getNamedContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,qCAAqC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;CAC5E;AAKD,wBAAgB,eAAe,CAAC,CAAC,EAC/B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,GACd,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAalB"}

package/lib/typescript/src/index.d.ts

@@ -1,19 +1,19 @@
-export { default as Background } from './Background';
-export { default as getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
-export { default as getHeaderTitle } from './Header/getHeaderTitle';
-export { default as Header } from './Header/Header';
-export { default as HeaderBackButton } from './Header/HeaderBackButton';
-export { default as HeaderBackContext } from './Header/HeaderBackContext';
-export { default as HeaderBackground } from './Header/HeaderBackground';
-export { default as HeaderHeightContext } from './Header/HeaderHeightContext';
-export { default as HeaderShownContext } from './Header/HeaderShownContext';
-export { default as HeaderTitle } from './Header/HeaderTitle';
-export { default as useHeaderHeight } from './Header/useHeaderHeight';
-export { default as MissingIcon } from './MissingIcon';
-export { default as PlatformPressable } from './PlatformPressable';
-export { default as ResourceSavingView } from './ResourceSavingView';
-export { default as SafeAreaProviderCompat } from './SafeAreaProviderCompat';
-export { default as Screen } from './Screen';
+export { Background } from './Background';
+export { getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
+export { getHeaderTitle } from './Header/getHeaderTitle';
+export { Header } from './Header/Header';
+export { HeaderBackButton } from './Header/HeaderBackButton';
+export { HeaderBackContext } from './Header/HeaderBackContext';
+export { HeaderBackground } from './Header/HeaderBackground';
+export { HeaderHeightContext } from './Header/HeaderHeightContext';
+export { HeaderShownContext } from './Header/HeaderShownContext';
+export { HeaderTitle } from './Header/HeaderTitle';
+export { useHeaderHeight } from './Header/useHeaderHeight';
+export { MissingIcon } from './MissingIcon';
+export { PlatformPressable } from './PlatformPressable';
+export { ResourceSavingView } from './ResourceSavingView';
+export { SafeAreaProviderCompat } from './SafeAreaProviderCompat';
+export { Screen } from './Screen';
 export declare const Assets: any[];
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,MAAM,OAKlB,CAAC;AAEF,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,MAAM,OAKlB,CAAC;AAEF,cAAc,SAAS,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-navigation/elements",
   "description": "UI Components for React Navigation",
-  "version": "1.3.18",
+  "version": "1.4.0-alpha.1",
   "keywords": [
     "react-native",
     "react-navigation",
@@ -38,10 +38,10 @@
   },
   "devDependencies": {
     "@react-native-masked-view/masked-view": "0.2.9",
-    "@react-navigation/native": "^6.1.7",
+    "@react-navigation/native": "^7.0.0-alpha.2",
     "@testing-library/react-native": "^11.5.0",
     "@types/react": "~18.0.27",
-    "@types/react-native": "~0.71.3",
+    "@types/react-native": "~0.70.8",
     "del-cli": "^5.0.0",
     "react": "18.2.0",
     "react-native": "0.71.8",
@@ -68,5 +68,5 @@
       ]
     ]
   },
-  "gitHead": "cf836cb84932638369f7bf59534d5a3ccea9b4f6"
+  "gitHead": "36c8f091556157dab74d3483651bbcbd340762ff"
 }

package/src/Background.tsx

@@ -6,7 +6,7 @@ type Props = ViewProps & {
   children: React.ReactNode;
 };
 
-export default function Background({ style, ...rest }: Props) {
+export function Background({ style, ...rest }: Props) {
   const { colors } = useTheme();
 
   return (

package/src/Header/Header.tsx

@@ -6,10 +6,10 @@ import {
 } from 'react-native-safe-area-context';
 
 import type { HeaderOptions, Layout } from '../types';
-import getDefaultHeaderHeight from './getDefaultHeaderHeight';
-import HeaderBackground from './HeaderBackground';
-import HeaderShownContext from './HeaderShownContext';
-import HeaderTitle from './HeaderTitle';
+import { getDefaultHeaderHeight } from './getDefaultHeaderHeight';
+import { HeaderBackground } from './HeaderBackground';
+import { HeaderShownContext } from './HeaderShownContext';
+import { HeaderTitle } from './HeaderTitle';
 
 type Props = HeaderOptions & {
   /**
@@ -42,7 +42,7 @@ const warnIfHeaderStylesDefined = (styles: Record<string, any>) => {
   });
 };
 
-export default function Header(props: Props) {
+export function Header(props: Props) {
   const insets = useSafeAreaInsets();
   const frame = useSafeAreaFrame();
 

package/src/Header/HeaderBackButton.tsx

@@ -10,11 +10,11 @@ import {
   View,
 } from 'react-native';
 
-import MaskedView from '../MaskedView';
-import PlatformPressable from '../PlatformPressable';
+import { MaskedView } from '../MaskedView';
+import { PlatformPressable } from '../PlatformPressable';
 import type { HeaderBackButtonProps } from '../types';
 
-export default function HeaderBackButton({
+export function HeaderBackButton({
   disabled,
   allowFontScaling,
   backImage,
@@ -33,7 +33,7 @@ export default function HeaderBackButton({
   testID,
   style,
 }: HeaderBackButtonProps) {
-  const { colors } = useTheme();
+  const { colors, fonts } = useTheme();
 
   const [initialLabelWidth, setInitialLabelWidth] = React.useState<
     undefined | number
@@ -106,8 +106,9 @@ export default function HeaderBackButton({
             leftLabelText === label ? handleLabelLayout : undefined
           }
           style={[
-            styles.label,
             tintColor ? { color: tintColor } : null,
+            fonts.regular,
+            styles.label,
             labelStyle,
           ]}
           numberOfLines={1}

package/src/Header/HeaderBackContext.tsx

@@ -1,8 +1,6 @@
-import getNamedContext from '../getNamedContext';
+import { getNamedContext } from '../getNamedContext';
 
-const HeaderBackContext = getNamedContext<{ title: string } | undefined>(
+export const HeaderBackContext = getNamedContext<{ title: string } | undefined>(
   'HeaderBackContext',
   undefined
 );
-
-export default HeaderBackContext;

package/src/Header/HeaderBackground.tsx

@@ -14,7 +14,7 @@ type Props = Omit<ViewProps, 'style'> & {
   children?: React.ReactNode;
 };
 
-export default function HeaderBackground({ style, ...rest }: Props) {
+export function HeaderBackground({ style, ...rest }: Props) {
   const { colors } = useTheme();
 
   return (

package/src/Header/HeaderHeightContext.tsx

@@ -1,8 +1,6 @@
-import getNamedContext from '../getNamedContext';
+import { getNamedContext } from '../getNamedContext';
 
-const HeaderHeightContext = getNamedContext<number | undefined>(
+export const HeaderHeightContext = getNamedContext<number | undefined>(
   'HeaderHeightContext',
   undefined
 );
-
-export default HeaderHeightContext;

package/src/Header/HeaderShownContext.tsx

@@ -1,5 +1,3 @@
-import getNamedContext from '../getNamedContext';
+import { getNamedContext } from '../getNamedContext';
 
-const HeaderShownContext = getNamedContext('HeaderShownContext', false);
-
-export default HeaderShownContext;
+export const HeaderShownContext = getNamedContext('HeaderShownContext', false);

package/src/Header/HeaderTitle.tsx

@@ -11,11 +11,12 @@ import {
 
 type Props = Omit<TextProps, 'style'> & {
   tintColor?: string;
+  children?: string;
   style?: Animated.WithAnimatedValue<StyleProp<TextStyle>>;
 };
 
-export default function HeaderTitle({ tintColor, style, ...rest }: Props) {
-  const { colors } = useTheme();
+export function HeaderTitle({ tintColor, style, ...rest }: Props) {
+  const { colors, fonts } = useTheme();
 
   return (
     <Animated.Text
@@ -24,8 +25,9 @@ export default function HeaderTitle({ tintColor, style, ...rest }: Props) {
       numberOfLines={1}
       {...rest}
       style={[
-        styles.title,
         { color: tintColor === undefined ? colors.text : tintColor },
+        Platform.select({ ios: fonts.bold, default: fonts.medium }),
+        styles.title,
         style,
       ]}
     />
@@ -36,16 +38,12 @@ const styles = StyleSheet.create({
   title: Platform.select({
     ios: {
       fontSize: 17,
-      fontWeight: '600',
     },
     android: {
       fontSize: 20,
-      fontFamily: 'sans-serif-medium',
-      fontWeight: 'normal',
     },
     default: {
       fontSize: 18,
-      fontWeight: '500',
     },
   }),
 });

package/src/Header/getDefaultHeaderHeight.tsx

@@ -2,7 +2,7 @@ import { Platform } from 'react-native';
 
 import type { Layout } from '../types';
 
-export default function getDefaultHeaderHeight(
+export function getDefaultHeaderHeight(
   layout: Layout,
   modalPresentation: boolean,
   statusBarHeight: number

package/src/Header/getHeaderTitle.tsx

@@ -1,6 +1,6 @@
 import type { HeaderOptions } from '../types';
 
-export default function getHeaderTitle(
+export function getHeaderTitle(
   options: { title?: string; headerTitle?: HeaderOptions['headerTitle'] },
   fallback: string
 ): string {

package/src/Header/useHeaderHeight.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import HeaderHeightContext from './HeaderHeightContext';
+import { HeaderHeightContext } from './HeaderHeightContext';
 
-export default function useHeaderHeight() {
+export function useHeaderHeight() {
   const height = React.useContext(HeaderHeightContext);
 
   if (height === undefined) {

package/src/MaskedView.android.tsx

@@ -1 +1 @@
-export { default } from './MaskedViewNative';
+export { MaskedView } from './MaskedViewNative';

package/src/MaskedView.ios.tsx

@@ -1 +1 @@
-export { default } from './MaskedViewNative';
+export { MaskedView } from './MaskedViewNative';

package/src/MaskedView.tsx

@@ -8,6 +8,6 @@ type Props = {
   children: React.ReactElement;
 };
 
-export default function MaskedView({ children }: Props) {
+export function MaskedView({ children }: Props) {
   return children;
 }

package/src/MaskedViewNative.tsx

@@ -24,7 +24,7 @@ try {
 const isMaskedViewAvailable =
   UIManager.getViewManagerConfig('RNCMaskedView') != null;
 
-export default function MaskedView({ children, ...rest }: Props) {
+export function MaskedView({ children, ...rest }: Props) {
   if (isMaskedViewAvailable && RNCMaskedView) {
     return <RNCMaskedView {...rest}>{children}</RNCMaskedView>;
   }

package/src/MissingIcon.tsx

@@ -7,7 +7,7 @@ type Props = {
   style?: StyleProp<TextStyle>;
 };
 
-export default function MissingIcon({ color, size, style }: Props) {
+export function MissingIcon({ color, size, style }: Props) {
   return <Text style={[styles.icon, { color, fontSize: size }, style]}>⏷</Text>;
 }
 

package/src/PlatformPressable.tsx

@@ -27,7 +27,7 @@ const ANDROID_SUPPORTS_RIPPLE =
 /**
  * PlatformPressable provides an abstraction on top of Pressable to handle platform differences.
  */
-export default function PlatformPressable({
+export function PlatformPressable({
   onPressIn,
   onPressOut,
   android_ripple,

package/src/ResourceSavingView.tsx

@@ -9,7 +9,7 @@ type Props = {
 
 const FAR_FAR_AWAY = 30000; // this should be big enough to move the whole view out of its container
 
-export default function ResourceSavingScene({
+export function ResourceSavingView({
   visible,
   children,
   style,

package/src/SafeAreaProviderCompat.tsx

@@ -31,24 +31,20 @@ const initialMetrics =
       }
     : initialWindowMetrics;
 
-export default function SafeAreaProviderCompat({ children, style }: Props) {
+export function SafeAreaProviderCompat({ children, style }: Props) {
+  const insets = React.useContext(SafeAreaInsetsContext);
+
+  if (insets) {
+    // If we already have insets, don't wrap the stack in another safe area provider
+    // This avoids an issue with updates at the cost of potentially incorrect values
+    // https://github.com/react-navigation/react-navigation/issues/174
+    return <View style={[styles.container, style]}>{children}</View>;
+  }
+
   return (
-    <SafeAreaInsetsContext.Consumer>
-      {(insets) => {
-        if (insets) {
-          // If we already have insets, don't wrap the stack in another safe area provider
-          // This avoids an issue with updates at the cost of potentially incorrect values
-          // https://github.com/react-navigation/react-navigation/issues/174
-          return <View style={[styles.container, style]}>{children}</View>;
-        }
-
-        return (
-          <SafeAreaProvider initialMetrics={initialMetrics} style={style}>
-            {children}
-          </SafeAreaProvider>
-        );
-      }}
-    </SafeAreaInsetsContext.Consumer>
+    <SafeAreaProvider initialMetrics={initialMetrics} style={style}>
+      {children}
+    </SafeAreaProvider>
   );
 }
 

package/src/Screen.tsx

@@ -12,10 +12,10 @@ import {
   useSafeAreaInsets,
 } from 'react-native-safe-area-context';
 
-import Background from './Background';
-import getDefaultHeaderHeight from './Header/getDefaultHeaderHeight';
-import HeaderHeightContext from './Header/HeaderHeightContext';
-import HeaderShownContext from './Header/HeaderShownContext';
+import { Background } from './Background';
+import { getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
+import { HeaderHeightContext } from './Header/HeaderHeightContext';
+import { HeaderShownContext } from './Header/HeaderShownContext';
 
 type Props = {
   focused: boolean;
@@ -30,7 +30,7 @@ type Props = {
   children: React.ReactNode;
 };
 
-export default function Screen(props: Props) {
+export function Screen(props: Props) {
   const dimensions = useSafeAreaFrame();
   const insets = useSafeAreaInsets();
 

package/src/getNamedContext.tsx

@@ -9,7 +9,7 @@ declare global {
 // We use a global variable to keep our contexts so that we can reuse same contexts across packages
 global[contexts] = global[contexts] ?? new Map<string, React.Context<any>>();
 
-export default function getNamedContext<T>(
+export function getNamedContext<T>(
   name: string,
   initialValue: T
 ): React.Context<T> {

package/src/index.tsx

@@ -1,19 +1,19 @@
-export { default as Background } from './Background';
-export { default as getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
-export { default as getHeaderTitle } from './Header/getHeaderTitle';
-export { default as Header } from './Header/Header';
-export { default as HeaderBackButton } from './Header/HeaderBackButton';
-export { default as HeaderBackContext } from './Header/HeaderBackContext';
-export { default as HeaderBackground } from './Header/HeaderBackground';
-export { default as HeaderHeightContext } from './Header/HeaderHeightContext';
-export { default as HeaderShownContext } from './Header/HeaderShownContext';
-export { default as HeaderTitle } from './Header/HeaderTitle';
-export { default as useHeaderHeight } from './Header/useHeaderHeight';
-export { default as MissingIcon } from './MissingIcon';
-export { default as PlatformPressable } from './PlatformPressable';
-export { default as ResourceSavingView } from './ResourceSavingView';
-export { default as SafeAreaProviderCompat } from './SafeAreaProviderCompat';
-export { default as Screen } from './Screen';
+export { Background } from './Background';
+export { getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
+export { getHeaderTitle } from './Header/getHeaderTitle';
+export { Header } from './Header/Header';
+export { HeaderBackButton } from './Header/HeaderBackButton';
+export { HeaderBackContext } from './Header/HeaderBackContext';
+export { HeaderBackground } from './Header/HeaderBackground';
+export { HeaderHeightContext } from './Header/HeaderHeightContext';
+export { HeaderShownContext } from './Header/HeaderShownContext';
+export { HeaderTitle } from './Header/HeaderTitle';
+export { useHeaderHeight } from './Header/useHeaderHeight';
+export { MissingIcon } from './MissingIcon';
+export { PlatformPressable } from './PlatformPressable';
+export { ResourceSavingView } from './ResourceSavingView';
+export { SafeAreaProviderCompat } from './SafeAreaProviderCompat';
+export { Screen } from './Screen';
 
 export const Assets = [
   // eslint-disable-next-line import/no-commonjs