@react-navigation/native-stack

Features

• add headerBackButtonDisplayMode for native stack (#12089) (89ffa1b), closes #11980 - by @dylancom

BREAKING CHANGES

• This removes the headerBackTitleVisible option,

Adds corresponding functionality from https://github.com/software-mansion/react-native-screens/pull/2123.

Note: Version bump only for package @react-navigation/native-stack

Bug Fixes

• fix incorrect condition due to bad merge (3a0b0b5) - by @satya164

Bug Fixes

• fix useAnimatedHeaderHeight on web for native stack (03b39d6) - by @satya164
• fix wrong header height for translucent header on Android (ca64015) - by @satya164

Bug Fixes

• fix type inference for params. closes #12071 (3299b70) - by @

Features

• add fullScreenSwipeShadowEnabled prop to NativeStackView (#12053) (da34512) - by @maksg

Note: Version bump only for package @react-navigation/native-stack

Note: Version bump only for package @react-navigation/native-stack

Note: Version bump only for package @react-navigation/native-stack

Bug Fixes

• upgrade react-native-builder-bob (1575287) - by @

Note: Version bump only for package @react-navigation/native-stack

Note: Version bump only for package @react-navigation/native-stack

Note: Version bump only for package @react-navigation/native-stack

Note: Version bump only for package @react-navigation/native-stack

Bug Fixes

• fix published files (829caa0) - by @

Note: Version bump only for package @react-navigation/native-stack

Features

• add package.json exports field (1435cfe) - by @

Bug Fixes

• drop leftover empty string for headerBackTitleVisible (b93f861) - by @satya164

Bug Fixes

• stop using react-native field in package.json (efc33cb) - by @

Bug Fixes

• add a workaround for incorrect inference #12041 (85c4bbb) - by @

Note: Version bump only for package @react-navigation/native-stack

Note: Version bump only for package @react-navigation/native-stack

Note: Version bump only for package @react-navigation/native-stack

Bug Fixes

• native-stack: set headerTopInstetEnabled to the same value as statusBarTranslucent to prevent header content jump (#12014) (7791191), closes /github.com/react-navigation/react-navigation/blob/25e834b4f330fb05b4ecdbe81ef7f2f065fd26c8/packages/elements/src/SafeAreaProviderCompat.tsx#L55 #10827 - by @kkafar
• setting headerBackTitleVisible to false not working on iOS (#11937) (52a3234), closes /github.com/software-mansion/react-native-screens/blob/d54a19a/ios/RNSScreenStackHeaderConfig.mm#L506 /github.com/software-mansion/react-native-screens/blob/d54a19a9789b799566da16a89e2cd8d8f1ad0ba7/ios/RNSScreenStackHeaderConfig.h#L42 /github.com/software-mansion/react-native-screens/blob/d54a19a/ios/RNSScreenStackHeaderConfig.mm#L514-L539 - by @zetavg
• use measured header height when exposing it (#11917) (d90ed76) - by @satya164

Features

• add navigationBarTranslucent option to native stack (#11998) (2864b6c) - by @alduzy

Features

• pass href to headerLeft function (ce6d885) - by @satya164

Note: Version bump only for package @react-navigation/native-stack

Note: Version bump only for package @react-navigation/native-stack

Features

• add getStateForRouteNamesChange to all navigators and mark it as unstable (4edbb07) - by @satya164

Features

• automatically infer types for navigation in options, listeners etc. (#11883) (c54baf1) - by @satya164

Bug Fixes

• support custom fontFamily configurations in headerTitleStyle (#11880) (1e9e838), closes #11429 - by @Kasendwa

Features

• add a type for options arguments (8e719e0) - by @satya164

Note: Version bump only for package @react-navigation/native-stack

Bug Fixes

• update drawer and header styles according to material design 3 (#11872) (bfa5689) - by @groot007

Features

• make all screens after presentation: 'modal' as modal unless specified (#11860) (f16216c) - by @groot007

Note: Version bump only for package @react-navigation/native-stack

Bug Fixes

• fix peer dependency versions (4b93b63) - by @

Bug Fixes

• White flash transitions with DarkTheme (#11800) (1770c96) - by @gianlucalippolis

Bug Fixes

• fix header height for iOS devices with dynamic island (#11786) (4c521b5), closes #11655 - by @gianlucalippolis

Features

• add a HeaderButton component to elements (d8de228) - by @satya164
• introduce missing props from native-stack v5 (#11803) (90cfbf2) - by @tboba

Features

• add layout and screenLayout props for screens (#11741) (2dc2178) - by @satya164
• preloading in routers (382d6e6) - by @osdnk

Bug Fixes

• update peer dependencies when publishing (c440703) - by @

Bug Fixes

• fix header customization in native stack (6885210) - by @satya164
• headerHeight on phones with dynamic island (#11338) (e4815c5), closes #10989 - by @dylancom

Features

• add a layout prop for navigators (#11614) (1f51190) - by @satya164
• add useAnimatedHeaderHeight hook (#11663) (5a88c74), closes #11338 - by @tboba

Note: Version bump only for package @react-navigation/native-stack

Note: Version bump only for package @react-navigation/native-stack

Bug Fixes

• Allow to use PlatformColor in the theme (#11570) (64734e7) - by @retyui

• buggy behaviour of search bar / large title on Fabric with native stack v7 (#11501) (dcb4e4c) - by @kkafar

• feat!: add a direction prop to NavigationContainer to specify rtl (#11393) (8309636), closes #11393 - by @satya164

BREAKING CHANGES

• Previously the navigators tried to detect RTL automatically and adjust the UI. However this is problematic since we cannot detect RTL in all cases (e.g. on Web).

This adds an optional direction prop to NavigationContainer instead so that user can specify when React Navigation's UI needs to be adjusted for RTL. It defaults to the value from I18nManager on native platforms, however it needs to be explicitly passed for Web.

Note: Version bump only for package @react-navigation/native-stack

Bug Fixes

• fix paths in sourcemap files (368e069) - by @satya164

Features

• add ability to customize the fonts with the theme (#11243) (1cd6836) - by @satya164

Bug Fixes

• fix headerBackVisible type annotation (#11220) (d18936a) - by @Vin-Xi

• make headerBackground visible with transparent header (#11109) (2b1e8dc) - by @yhkaplan

• refactor!: improve the API for Link component (7f35837) - by @satya164

BREAKING CHANGES

• Initially the Link component was designed to work with path strings via the to prop. But it has few issues:

• The path strings are not type-safe, making it easy to cause typos and bugs after refactor
• The API made navigating via screen name more incovenient, even if that's the preferred approach

This revamps the API of the Link component to make it easier to use. Instead of to prop, it now accepts screen and params props, as well as an optional href prop to use instead of the generated path.

e.g.:

<Link screen="Details" params={{ foo: 42 }}>Go to Details</Link>

This also drops the useLinkTo hook and consolidates into the useLinkTools hook - which lets us build a href for a screen or action for a path.

6.9.2 (2022-11-21)

Bug Fixes

• add accessibility props to NativeStack screens (#11022) (3ab05af)
• let headerShadowVisible: true display a shadow even if headerTransparent is true (#10993) (06b6be2), closes #10845
• supersede Platform.isTVOS for Platform.isTV (#10973) (1846de6)

6.9.1 (2022-10-11)

Bug Fixes

• fix headerTransparent with custom header in native-stack (#10919) (40bed38), closes #10822 #10902