chore: publish

- @react-navigation/bottom-tabs@6.0.0-next.2 - @react-navigation/drawer@6.0.0-next.2 - @react-navigation/elements@1.0.0-next.2 - @react-navigation/stack@6.0.0-next.3
refactor: rename ResourceSavingScene to ResourceSavingView
2026-01-21 03:18:18 +08:00 · 2021-03-12 03:04:24 +01:00 · 2021-03-12 03:02:07 +01:00 · 2021-03-12 02:54:02 +01:00 · 2021-03-12 01:59:40 +01:00 · 2021-03-12 01:43:57 +01:00
46 changed files with 264 additions and 119 deletions
--- a/lerna.json
+++ b/lerna.json
@@ -8,7 +8,7 @@
  "version": "independent",
  "command": {
    "publish": {
-      "allowBranch": "6.x",
+      "allowBranch": "main",
      "conventionalCommits": true,
      "createRelease": "github",
      "message": "chore: publish",
--- a/packages/bottom-tabs/CHANGELOG.md
+++ b/packages/bottom-tabs/CHANGELOG.md
@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [6.0.0-next.2](https://github.com/react-navigation/react-navigation/compare/@react-navigation/bottom-tabs@6.0.0-next.1...@react-navigation/bottom-tabs@6.0.0-next.2) (2021-03-12)
+
+**Note:** Version bump only for package @react-navigation/bottom-tabs
+
+
+
+
+
+# [6.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/bottom-tabs@6.0.0...@react-navigation/bottom-tabs@6.0.0-next.1) (2021-03-10)
+
+
+### Bug Fixes
+
+* fix peer dep versions ([72f90b5](https://github.com/react-navigation/react-navigation/commit/72f90b50d27eda1315bb750beca8a36f26dafe17))
+
+
+
+
+
 # [6.0.0-next.0](https://github.com/react-navigation/react-navigation/compare/@react-navigation/bottom-tabs@5.11.1...@react-navigation/bottom-tabs@6.0.0-next.0) (2021-03-09)


--- a/packages/bottom-tabs/README.md
+++ b/packages/bottom-tabs/README.md
@@ -2,4 +2,4 @@

 Bottom tab navigator for React Navigation following iOS design guidelines.

-Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/bottom-tab-navigator/).
+Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/6.x/bottom-tab-navigator/).
--- a/packages/bottom-tabs/package.json
+++ b/packages/bottom-tabs/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/bottom-tabs",
  "description": "Bottom tab navigator following iOS design guidelines",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.2",
  "keywords": [
    "react-native-component",
    "react-component",
@@ -37,12 +37,12 @@
    "clean": "del lib"
  },
  "dependencies": {
-    "@react-navigation/elements": "^1.0.0",
+    "@react-navigation/elements": "^1.0.0-next.2",
    "color": "^3.1.3",
    "warn-once": "^0.0.1"
  },
  "devDependencies": {
-    "@react-navigation/native": "^6.0.0-next.0",
+    "@react-navigation/native": "^6.0.0-next.1",
    "@testing-library/react-native": "^7.2.0",
    "@types/color": "^3.0.1",
    "@types/react": "^16.9.53",
@@ -56,7 +56,7 @@
    "typescript": "^4.2.3"
  },
  "peerDependencies": {
-    "@react-navigation/native": "^5.0.5",
+    "@react-navigation/native": "^6.0.0",
    "react": "*",
    "react-native": "*",
    "react-native-safe-area-context": ">= 3.0.0",
--- a/packages/bottom-tabs/src/views/ScreenFallback.tsx
+++ b/packages/bottom-tabs/src/views/ScreenFallback.tsx
@@ -6,7 +6,7 @@ import {
  // @ts-ignore
  shouldUseActivityState,
 } from 'react-native-screens';
-import { ResourceSavingScene } from '@react-navigation/elements';
+import { ResourceSavingView } from '@react-navigation/elements';

 type Props = {
  visible: boolean;
@@ -34,8 +34,8 @@ export default function ScreenFallback({ visible, children, ...rest }: Props) {
  }

  return (
-    <ResourceSavingScene visible={visible} {...rest}>
+    <ResourceSavingView visible={visible} {...rest}>
      {children}
-    </ResourceSavingScene>
+    </ResourceSavingView>
  );
 }
--- a/packages/core/CHANGELOG.md
+++ b/packages/core/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [6.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/core@6.0.0...@react-navigation/core@6.0.0-next.1) (2021-03-10)
+
+**Note:** Version bump only for package @react-navigation/core
+
+
+
+
+
 # [6.0.0-next.0](https://github.com/react-navigation/react-navigation/compare/@react-navigation/core@5.14.3...@react-navigation/core@6.0.0-next.0) (2021-03-09)


--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/core",
  "description": "Core utilities for building navigators",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.1",
  "keywords": [
    "react",
    "react-native",
@@ -36,7 +36,7 @@
    "clean": "del lib"
  },
  "dependencies": {
-    "@react-navigation/routers": "^6.0.0-next.0",
+    "@react-navigation/routers": "^6.0.0-next.1",
    "escape-string-regexp": "^4.0.0",
    "nanoid": "^3.1.20",
    "query-string": "^6.14.1",
--- a/packages/devtools/CHANGELOG.md
+++ b/packages/devtools/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [6.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/devtools@6.0.0...@react-navigation/devtools@6.0.0-next.1) (2021-03-10)
+
+**Note:** Version bump only for package @react-navigation/devtools
+
+
+
+
+
 # [6.0.0-next.0](https://github.com/react-navigation/react-navigation/compare/@react-navigation/devtools@5.1.17...@react-navigation/devtools@6.0.0-next.0) (2021-03-09)

 **Note:** Version bump only for package @react-navigation/devtools
--- a/packages/devtools/README.md
+++ b/packages/devtools/README.md
@@ -2,7 +2,7 @@

 Developer tools for React Navigation.

-Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/devtools).
+Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/6.x/devtools).

 ## Installation

--- a/packages/devtools/package.json
+++ b/packages/devtools/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/devtools",
  "description": "Developer tools for React Navigation",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.1",
  "keywords": [
    "react",
    "react-native",
@@ -37,7 +37,7 @@
    "clean": "del lib"
  },
  "dependencies": {
-    "@react-navigation/core": "^6.0.0-next.0",
+    "@react-navigation/core": "^6.0.0-next.1",
    "deep-equal": "^2.0.5"
  },
  "devDependencies": {
--- a/packages/drawer/CHANGELOG.md
+++ b/packages/drawer/CHANGELOG.md
@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [6.0.0-next.2](https://github.com/react-navigation/react-navigation/compare/@react-navigation/drawer@6.0.0-next.1...@react-navigation/drawer@6.0.0-next.2) (2021-03-12)
+
+
+### Features
+
+* export drawer button ([2c8401d](https://github.com/react-navigation/react-navigation/commit/2c8401d5cb347d37c96e5b30f8ad05c17fd22ea4))
+
+
+
+
+
+# [6.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/drawer@6.0.0...@react-navigation/drawer@6.0.0-next.1) (2021-03-10)
+
+
+### Bug Fixes
+
+* fix peer dep versions ([72f90b5](https://github.com/react-navigation/react-navigation/commit/72f90b50d27eda1315bb750beca8a36f26dafe17))
+
+
+
+
+
 # [6.0.0-next.0](https://github.com/react-navigation/react-navigation/compare/@react-navigation/drawer@5.11.2...@react-navigation/drawer@6.0.0-next.0) (2021-03-09)


--- a/packages/drawer/README.md
+++ b/packages/drawer/README.md
@@ -1,5 +1,5 @@
 # `@react-navigation/drawer`

-Drawer navigator for React Navigation following Material Design guidelines. 
+Drawer navigator for React Navigation following Material Design guidelines.

-Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/drawer-navigator/).
+Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/6.x/drawer-navigator/).
--- a/packages/drawer/package.json
+++ b/packages/drawer/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/drawer",
  "description": "Drawer navigator component with animated transitions and gesturess",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.2",
  "keywords": [
    "react-native-component",
    "react-component",
@@ -42,12 +42,12 @@
    "clean": "del lib"
  },
  "dependencies": {
-    "@react-navigation/elements": "^1.0.0",
+    "@react-navigation/elements": "^1.0.0-next.2",
    "color": "^3.1.3",
    "warn-once": "^0.0.1"
  },
  "devDependencies": {
-    "@react-navigation/native": "^6.0.0-next.0",
+    "@react-navigation/native": "^6.0.0-next.1",
    "@testing-library/react-native": "^7.2.0",
    "@types/react": "^16.9.53",
    "@types/react-native": "~0.63.51",
@@ -62,7 +62,7 @@
    "typescript": "^4.2.3"
  },
  "peerDependencies": {
-    "@react-navigation/native": "^5.0.5",
+    "@react-navigation/native": "^6.0.0",
    "react": "*",
    "react-native": "*",
    "react-native-gesture-handler": ">= 1.0.0",
--- a/packages/drawer/src/index.tsx
+++ b/packages/drawer/src/index.tsx
@@ -11,6 +11,7 @@ export { default as DrawerItem } from './views/DrawerItem';
 export { default as DrawerItemList } from './views/DrawerItemList';
 export { default as DrawerContent } from './views/DrawerContent';
 export { default as DrawerContentScrollView } from './views/DrawerContentScrollView';
+export { default as DrawerToggleButton } from './views/DrawerToggleButton';

 /**
 * Utilities
--- a/packages/drawer/src/views/ScreenFallback.tsx
+++ b/packages/drawer/src/views/ScreenFallback.tsx
@@ -6,7 +6,7 @@ import {
  // @ts-ignore
  shouldUseActivityState,
 } from 'react-native-screens';
-import { ResourceSavingScene } from '@react-navigation/elements';
+import { ResourceSavingView } from '@react-navigation/elements';

 type Props = {
  visible: boolean;
@@ -34,8 +34,8 @@ export default function ScreenFallback({ visible, children, ...rest }: Props) {
  }

  return (
-    <ResourceSavingScene visible={visible} {...rest}>
+    <ResourceSavingView visible={visible} {...rest}>
      {children}
-    </ResourceSavingScene>
+    </ResourceSavingView>
  );
 }
--- a/packages/elements/CHANGELOG.md
+++ b/packages/elements/CHANGELOG.md
@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [1.0.0-next.2](https://github.com/react-navigation/react-navigation/compare/@react-navigation/elements@1.0.0-next.1...@react-navigation/elements@1.0.0-next.2) (2021-03-12)
+
+
+### Bug Fixes
+
+* use theme in PlatformPressable ([40439cc](https://github.com/react-navigation/react-navigation/commit/40439ccb420825a1aa480648526a816f2422ea6e))
+
+
+### Features
+
+* return nearest parent header height for useHeaderHeight ([24b3f73](https://github.com/react-navigation/react-navigation/commit/24b3f739da4b8af8dca77d92c72cfdaa762e564a))
+
+
+
+
+
+# [1.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/elements@1.0.0...@react-navigation/elements@1.0.0-next.1) (2021-03-10)
+
+
+### Bug Fixes
+
+* fix peer dep versions ([72f90b5](https://github.com/react-navigation/react-navigation/commit/72f90b50d27eda1315bb750beca8a36f26dafe17))
+
+
+
+
+
 # 1.0.0-next.0 (2021-03-09)


--- a/packages/elements/README.md
+++ b/packages/elements/README.md
@@ -2,4 +2,4 @@

 UI Components for React Navigation.

-Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/elements/).
+Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/6.x/elements/).
--- a/packages/elements/package.json
+++ b/packages/elements/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/elements",
  "description": "UI Components for React Navigation",
-  "version": "1.0.0-next.0",
+  "version": "1.0.0-next.2",
  "keywords": [
    "react-native",
    "react-navigation",
@@ -39,7 +39,7 @@
  },
  "devDependencies": {
    "@react-native-masked-view/masked-view": "^0.2.2",
-    "@react-navigation/native": "^6.0.0-next.0",
+    "@react-navigation/native": "^6.0.0-next.1",
    "@testing-library/react-native": "^7.2.0",
    "@types/react": "^16.9.53",
    "@types/react-native": "~0.63.51",
@@ -50,7 +50,7 @@
    "typescript": "^4.2.3"
  },
  "peerDependencies": {
-    "@react-navigation/native": "^5.0.5",
+    "@react-navigation/native": "^6.0.0",
    "react": "*",
    "react-native": "*",
    "react-native-safe-area-context": ">= 3.0.0"
--- a/packages/elements/src/Header/HeaderBackButton.tsx
+++ b/packages/elements/src/Header/HeaderBackButton.tsx
@@ -22,7 +22,8 @@ export default function HeaderBackButton({
  labelVisible = Platform.OS === 'ios',
  onLabelLayout,
  onPress,
-  pressColorAndroid: customPressColorAndroid,
+  pressColor,
+  pressOpacity,
  screenLayout,
  tintColor: customTintColor,
  titleLayout,
@@ -31,7 +32,7 @@ export default function HeaderBackButton({
  testID,
  style,
 }: HeaderBackButtonProps) {
-  const { dark, colors } = useTheme();
+  const { colors } = useTheme();

  const [initialLabelWidth, setInitialLabelWidth] = React.useState<
    undefined | number
@@ -45,13 +46,6 @@ export default function HeaderBackButton({
          default: colors.text,
        });

-  const pressColorAndroid =
-    customPressColorAndroid !== undefined
-      ? customPressColorAndroid
-      : dark
-      ? 'rgba(255, 255, 255, .32)'
-      : 'rgba(0, 0, 0, .32)';
-
  const handleLabelLayout = (e: LayoutChangeEvent) => {
    onLabelLayout?.(e);

@@ -156,7 +150,8 @@ export default function HeaderBackButton({
      accessibilityLabel={accessibilityLabel}
      testID={testID}
      onPress={disabled ? undefined : handlePress}
-      pressColor={pressColorAndroid}
+      pressColor={pressColor}
+      pressOpacity={pressOpacity}
      android_ripple={{ borderless: true }}
      style={[styles.container, disabled && styles.disabled, style]}
      hitSlop={Platform.select({
--- a/packages/elements/src/PlatformPressable.tsx
+++ b/packages/elements/src/PlatformPressable.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Platform, Pressable, PressableProps } from 'react-native';
+import { useTheme } from '@react-navigation/native';

 export type Props = PressableProps & {
  pressColor?: string;
@@ -12,24 +13,30 @@ const ANDROID_SUPPORTS_RIPPLE =
  Platform.OS === 'android' && Platform.Version >= ANDROID_VERSION_LOLLIPOP;

 /**
- * PlatformPressable provides an abstraction on top of TouchableNativeFeedback and
- * TouchableOpacity to handle platform differences.
- *
- * On Android, you can pass the props of TouchableNativeFeedback.
- * On other platforms, you can pass the props of TouchableOpacity.
+ * PlatformPressable provides an abstraction on top of Pressable to handle platform differences.
 */
 export default function PlatformPressable({
  android_ripple,
-  pressColor = 'rgba(0, 0, 0, .32)',
+  pressColor,
  pressOpacity,
  style,
  ...rest
 }: Props) {
+  const { dark } = useTheme();
+
  return (
    <Pressable
      android_ripple={
        ANDROID_SUPPORTS_RIPPLE
-          ? { color: pressColor, ...android_ripple }
+          ? {
+              color:
+                pressColor !== undefined
+                  ? pressColor
+                  : dark
+                  ? 'rgba(255, 255, 255, .32)'
+                  : 'rgba(0, 0, 0, .32)',
+              ...android_ripple,
+            }
          : undefined
      }
      style={({ pressed }) => [
--- a/packages/elements/src/ResourceSavingScene.tsx
+++ b/packages/elements/src/ResourceSavingScene.tsx
--- a/packages/elements/src/Screen.tsx
+++ b/packages/elements/src/Screen.tsx
@@ -30,6 +30,7 @@ export default function Screen(props: Props) {
  const insets = useSafeAreaInsets();

  const isParentHeaderShown = React.useContext(HeaderShownContext);
+  const parentHeaderHeight = React.useContext(HeaderHeightContext);

  const {
    header,
@@ -50,7 +51,9 @@ export default function Screen(props: Props) {
        <HeaderShownContext.Provider
          value={isParentHeaderShown || headerShown !== false}
        >
-          <HeaderHeightContext.Provider value={headerShown ? headerHeight : 0}>
+          <HeaderHeightContext.Provider
+            value={headerShown ? headerHeight : parentHeaderHeight}
+          >
            {children}
          </HeaderHeightContext.Provider>
        </HeaderShownContext.Provider>
--- a/packages/elements/src/index.tsx
+++ b/packages/elements/src/index.tsx
@@ -11,7 +11,7 @@ export { default as getHeaderTitle } from './Header/getHeaderTitle';

 export { default as MissingIcon } from './MissingIcon';
 export { default as PlatformPressable } from './PlatformPressable';
-export { default as ResourceSavingScene } from './ResourceSavingScene';
+export { default as ResourceSavingView } from './ResourceSavingView';
 export { default as SafeAreaProviderCompat } from './SafeAreaProviderCompat';
 export { default as Screen } from './Screen';

--- a/packages/elements/src/types.tsx
+++ b/packages/elements/src/types.tsx
@@ -127,13 +127,16 @@ export type HeaderBackButtonProps = {
  disabled?: boolean;
  /**
   * Callback to call when the button is pressed.
-   * By default, this triggers `goBack`.
   */
  onPress?: () => void;
  /**
   * Color for material ripple (Android >= 5.0 only).
   */
-  pressColorAndroid?: string;
+  pressColor?: string;
+  /**
+   * Opacity when the button is pressed, used when ripple is not supported.
+   */
+  pressOpacity?: number;
  /**
   * Function which returns a React Element to display custom image in header's back button.
   */
--- a/packages/material-bottom-tabs/CHANGELOG.md
+++ b/packages/material-bottom-tabs/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [6.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/material-bottom-tabs@6.0.0...@react-navigation/material-bottom-tabs@6.0.0-next.1) (2021-03-10)
+
+
+### Bug Fixes
+
+* fix peer dep versions ([72f90b5](https://github.com/react-navigation/react-navigation/commit/72f90b50d27eda1315bb750beca8a36f26dafe17))
+
+
+
+
+
 # [6.0.0-next.0](https://github.com/react-navigation/react-navigation/compare/@react-navigation/material-bottom-tabs@5.3.9...@react-navigation/material-bottom-tabs@6.0.0-next.0) (2021-03-09)


--- a/packages/material-bottom-tabs/README.md
+++ b/packages/material-bottom-tabs/README.md
@@ -2,4 +2,4 @@

 React Navigation integration for [bottom navigation](https://material.io/components/bottom-navigation) component from [`react-native-paper`](https://callstack.github.io/react-native-paper/bottom-navigation.html).

-Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/material-bottom-tab-navigator/).
+Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/6.x/material-bottom-tab-navigator/).
--- a/packages/material-bottom-tabs/package.json
+++ b/packages/material-bottom-tabs/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/material-bottom-tabs",
  "description": "Integration for bottom navigation component from react-native-paper",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.1",
  "keywords": [
    "react-native-component",
    "react-component",
@@ -42,7 +42,7 @@
    "clean": "del lib"
  },
  "devDependencies": {
-    "@react-navigation/native": "^6.0.0-next.0",
+    "@react-navigation/native": "^6.0.0-next.1",
    "@testing-library/react-native": "^7.2.0",
    "@types/react": "^16.9.53",
    "@types/react-native": "~0.63.51",
@@ -56,7 +56,7 @@
    "typescript": "^4.2.3"
  },
  "peerDependencies": {
-    "@react-navigation/native": "^5.0.5",
+    "@react-navigation/native": "^6.0.0",
    "react": "*",
    "react-native": "*",
    "react-native-paper": ">= 3.0.0",
--- a/packages/material-top-tabs/CHANGELOG.md
+++ b/packages/material-top-tabs/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [6.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/material-top-tabs@6.0.0...@react-navigation/material-top-tabs@6.0.0-next.1) (2021-03-10)
+
+
+### Bug Fixes
+
+* fix peer dep versions ([72f90b5](https://github.com/react-navigation/react-navigation/commit/72f90b50d27eda1315bb750beca8a36f26dafe17))
+
+
+
+
+
 # [6.0.0-next.0](https://github.com/react-navigation/react-navigation/compare/@react-navigation/material-top-tabs@5.3.9...@react-navigation/material-top-tabs@6.0.0-next.0) (2021-03-09)


--- a/packages/material-top-tabs/README.md
+++ b/packages/material-top-tabs/README.md
@@ -1,5 +1,5 @@
 # `@react-navigation/material-top-tabs`

-React Navigation integration for animated tab view component from [`react-native-tab-view`](https://github.com/react-native-community/react-native-tab-view).
+React Navigation integration for animated tab view component from [`react-native-tab-view`](https://github.com/satya164/react-native-tab-view).

-Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/material-top-tab-navigator/).
+Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/6.x/material-top-tab-navigator/).
--- a/packages/material-top-tabs/package.json
+++ b/packages/material-top-tabs/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/material-top-tabs",
  "description": "Integration for the animated tab view component from react-native-tab-view",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.1",
  "keywords": [
    "react-native-component",
    "react-component",
@@ -46,7 +46,7 @@
    "warn-once": "^0.0.1"
  },
  "devDependencies": {
-    "@react-navigation/native": "^6.0.0-next.0",
+    "@react-navigation/native": "^6.0.0-next.1",
    "@testing-library/react-native": "^7.2.0",
    "@types/react": "^16.9.53",
    "@types/react-native": "~0.63.51",
@@ -59,10 +59,10 @@
    "typescript": "^4.2.3"
  },
  "peerDependencies": {
-    "@react-navigation/native": "^5.0.5",
+    "@react-navigation/native": "^6.0.0",
    "react": "*",
    "react-native": "*",
-    "react-native-pager-view": ">= 1.0.0",
+    "react-native-pager-view": ">= 4.0.0",
    "react-native-tab-view": ">= 3.0.0"
  },
  "react-native-builder-bob": {
--- a/packages/native/CHANGELOG.md
+++ b/packages/native/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [6.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/native@6.0.0...@react-navigation/native@6.0.0-next.1) (2021-03-10)
+
+**Note:** Version bump only for package @react-navigation/native
+
+
+
+
+
 # [6.0.0-next.0](https://github.com/react-navigation/react-navigation/compare/@react-navigation/native@5.8.9...@react-navigation/native@6.0.0-next.0) (2021-03-09)


--- a/packages/native/README.md
+++ b/packages/native/README.md
@@ -2,4 +2,4 @@

 React Native integration for React Navigation.

-Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/getting-started/).
+Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/6.x/getting-started/).
--- a/packages/native/package.json
+++ b/packages/native/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/native",
  "description": "React Native integration for React Navigation",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.1",
  "keywords": [
    "react-native",
    "react-navigation",
@@ -38,7 +38,7 @@
    "clean": "del lib"
  },
  "dependencies": {
-    "@react-navigation/core": "^6.0.0-next.0",
+    "@react-navigation/core": "^6.0.0-next.1",
    "escape-string-regexp": "^4.0.0",
    "nanoid": "^3.1.20"
  },
--- a/packages/routers/CHANGELOG.md
+++ b/packages/routers/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [6.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/routers@6.0.0...@react-navigation/routers@6.0.0-next.1) (2021-03-10)
+
+**Note:** Version bump only for package @react-navigation/routers
+
+
+
+
+
 # [6.0.0-next.0](https://github.com/react-navigation/react-navigation/compare/@react-navigation/routers@5.6.2...@react-navigation/routers@6.0.0-next.0) (2021-03-09)


--- a/packages/routers/README.md
+++ b/packages/routers/README.md
@@ -14,4 +14,4 @@ yarn add @react-navigation/routers

 ## Usage

-Documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/custom-routers/).
+Documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/6.x/custom-routers/).
--- a/packages/routers/package.json
+++ b/packages/routers/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/routers",
  "description": "Routers to help build custom navigators",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.1",
  "keywords": [
    "react",
    "react-native",
--- a/packages/stack/CHANGELOG.md
+++ b/packages/stack/CHANGELOG.md
@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [6.0.0-next.3](https://github.com/react-navigation/react-navigation/compare/@react-navigation/stack@6.0.0-next.2...@react-navigation/stack@6.0.0-next.3) (2021-03-12)
+
+
+### Features
+
+* export drawer button ([2c8401d](https://github.com/react-navigation/react-navigation/commit/2c8401d5cb347d37c96e5b30f8ad05c17fd22ea4))
+* return nearest parent header height for useHeaderHeight ([24b3f73](https://github.com/react-navigation/react-navigation/commit/24b3f739da4b8af8dca77d92c72cfdaa762e564a))
+
+
+
+
+
+# [6.0.0-next.2](https://github.com/react-navigation/react-navigation/compare/@react-navigation/stack@6.0.0-next.1...@react-navigation/stack@6.0.0-next.2) (2021-03-11)
+
+
+### Bug Fixes
+
+* respect headerStatusBarHeight option in Stack ([#9405](https://github.com/react-navigation/react-navigation/issues/9405)) ([8a6511c](https://github.com/react-navigation/react-navigation/commit/8a6511c491b2affbe378d720e613a3e3041ca9c2))
+
+
+
+
+
+# [6.0.0-next.1](https://github.com/react-navigation/react-navigation/compare/@react-navigation/stack@6.0.0...@react-navigation/stack@6.0.0-next.1) (2021-03-10)
+
+
+### Bug Fixes
+
+* fix peer dep versions ([72f90b5](https://github.com/react-navigation/react-navigation/commit/72f90b50d27eda1315bb750beca8a36f26dafe17))
+* remove use of deprecated currentlyFocusedField ([038eb87](https://github.com/react-navigation/react-navigation/commit/038eb87c42564f9d733e6870826726d3fb0adaee))
+
+
+
+
+
 # [6.0.0-next.0](https://github.com/react-navigation/react-navigation/compare/@react-navigation/stack@5.12.6...@react-navigation/stack@6.0.0-next.0) (2021-03-09)


--- a/packages/stack/README.md
+++ b/packages/stack/README.md
@@ -2,4 +2,4 @@

 Stack navigator for React Navigation.

-Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/stack-navigator/).
+Installation instructions and documentation can be found on the [React Navigation website](https://reactnavigation.org/docs/6.x/stack-navigator/).
--- a/packages/stack/package.json
+++ b/packages/stack/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/stack",
  "description": "Stack navigator component for iOS and Android with animated transitions and gestures",
-  "version": "6.0.0-next.0",
+  "version": "6.0.0-next.3",
  "keywords": [
    "react-native-component",
    "react-component",
@@ -41,13 +41,13 @@
    "clean": "del lib"
  },
  "dependencies": {
-    "@react-navigation/elements": "^1.0.0",
+    "@react-navigation/elements": "^1.0.0-next.2",
    "color": "^3.1.3",
    "react-native-iphone-x-helper": "^1.3.0",
    "warn-once": "^0.0.1"
  },
  "devDependencies": {
-    "@react-navigation/native": "^6.0.0-next.0",
+    "@react-navigation/native": "^6.0.0-next.1",
    "@testing-library/react-native": "^7.2.0",
    "@types/color": "^3.0.1",
    "@types/react": "^16.9.53",
@@ -62,7 +62,7 @@
    "typescript": "^4.2.3"
  },
  "peerDependencies": {
-    "@react-navigation/native": "^5.0.5",
+    "@react-navigation/native": "^6.0.0",
    "react": "*",
    "react-native": "*",
    "react-native-gesture-handler": ">= 1.0.0",
--- a/packages/stack/src/types.tsx
+++ b/packages/stack/src/types.tsx
@@ -1,6 +1,5 @@
 import type * as React from 'react';
 import type { Animated, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { EdgeInsets } from 'react-native-safe-area-context';
 import type {
  NavigationProp,
  ParamListBase,
@@ -149,10 +148,6 @@ export type StackHeaderProps = {
   * Layout of the screen.
   */
  layout: Layout;
-  /**
-   * Safe area insets to use in the header, e.g. to apply extra spacing for statusbar and notch.
-   */
-  insets: EdgeInsets;
  /**
   * Options for the back button.
   */
@@ -267,17 +262,6 @@ export type StackNavigationOptions = StackHeaderOptions &
     * Not supported on Web.
     */
    gestureVelocityImpact?: number;
-    /**
-     * Safe area insets for the screen. This is used to avoid elements like notch and status bar.
-     * By default, the device's safe area insets are automatically detected. You can override the behavior with this option.
-     * For example, to remove the extra spacing for status bar, pass `safeAreaInsets: { top: 0 }`.
-     */
-    safeAreaInsets?: {
-      top?: number;
-      right?: number;
-      bottom?: number;
-      left?: number;
-    };
    /**
     * Whether to detach the previous screen from the view hierarchy to save memory.
     * Set it to `false` if you need the previous screen to be seen through the active screen.
--- a/packages/stack/src/views/Header/Header.tsx
+++ b/packages/stack/src/views/Header/Header.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { StackActions, useNavigationState } from '@react-navigation/native';
 import { getHeaderTitle, HeaderShownContext } from '@react-navigation/elements';

@@ -10,13 +11,14 @@ import type { StackHeaderProps } from '../../types';
 export default React.memo(function Header({
  back,
  layout,
-  insets,
  progress,
  options,
  route,
  navigation,
  styleInterpolator,
 }: StackHeaderProps) {
+  const insets = useSafeAreaInsets();
+
  let previousTitle;

  // The label for the left back button shows the title of the previous screen
@@ -47,7 +49,11 @@ export default React.memo(function Header({
  );

  const statusBarHeight =
-    (isModal && !isFirstRouteInParent) || isParentHeaderShown ? 0 : insets.top;
+    options.headerStatusBarHeight !== undefined
+      ? options.headerStatusBarHeight
+      : (isModal && !isFirstRouteInParent) || isParentHeaderShown
+      ? 0
+      : insets.top;

  return (
    <HeaderSegment
--- a/packages/stack/src/views/Header/HeaderContainer.tsx
+++ b/packages/stack/src/views/Header/HeaderContainer.tsx
@@ -7,7 +7,6 @@ import {
  ParamListBase,
 } from '@react-navigation/native';
 import { HeaderBackContext, getHeaderTitle } from '@react-navigation/elements';
-import type { EdgeInsets } from 'react-native-safe-area-context';

 import Header from './Header';
 import {
@@ -28,7 +27,6 @@ import type {
 export type Props = {
  mode: 'float' | 'screen';
  layout: Layout;
-  insets: EdgeInsets;
  scenes: (Scene | undefined)[];
  getPreviousScene: (props: { route: Route<string> }) => Scene | undefined;
  getFocusedRoute: () => Route<string>;
@@ -45,7 +43,6 @@ export default function HeaderContainer({
  mode,
  scenes,
  layout,
-  insets,
  getPreviousScene,
  getFocusedRoute,
  onContentHeightChange,
@@ -105,7 +102,6 @@ export default function HeaderContainer({

        const props: StackHeaderProps = {
          layout,
-          insets,
          back: headerBack,
          progress: scene.progress,
          options: scene.descriptor.options,
--- a/packages/stack/src/views/Header/HeaderSegment.tsx
+++ b/packages/stack/src/views/Header/HeaderSegment.tsx
@@ -111,6 +111,10 @@ export default function HeaderSegment(props: Props) {
    headerBackTestID,
    headerBackAllowFontScaling,
    headerBackTitleStyle,
+    headerTitleContainerStyle,
+    headerLeftContainerStyle,
+    headerRightContainerStyle,
+    headerBackgroundContainerStyle,
    headerStyle: customHeaderStyle,
    headerStatusBarHeight = isParentHeaderShown ? 0 : insets.top,
    styleInterpolator,
@@ -172,10 +176,13 @@ export default function HeaderSegment(props: Props) {
      layout={layout}
      headerTitle={headerTitle}
      headerLeft={headerLeft}
-      headerTitleContainerStyle={titleStyle}
-      headerLeftContainerStyle={leftButtonStyle}
-      headerRightContainerStyle={rightButtonStyle}
-      headerBackgroundContainerStyle={backgroundStyle}
+      headerTitleContainerStyle={[titleStyle, headerTitleContainerStyle]}
+      headerLeftContainerStyle={[leftButtonStyle, headerLeftContainerStyle]}
+      headerRightContainerStyle={[rightButtonStyle, headerRightContainerStyle]}
+      headerBackgroundContainerStyle={[
+        backgroundStyle,
+        headerBackgroundContainerStyle,
+      ]}
      headerStyle={customHeaderStyle}
      headerStatusBarHeight={headerStatusBarHeight}
      {...rest}
--- a/packages/stack/src/views/KeyboardManager.tsx
+++ b/packages/stack/src/views/KeyboardManager.tsx
@@ -37,8 +37,7 @@ export default class KeyboardManager extends React.Component<Props> {

    this.clearKeyboardTimeout();

-    // @ts-expect-error: blurTextInput accepts both number and ref, but types say only ref
-    const input: InputRef = TextInput.State.currentlyFocusedField();
+    const input: InputRef = TextInput.State.currentlyFocusedInput();

    // When a page change begins, blur the currently focused input
    input?.blur();
--- a/packages/stack/src/views/Stack/CardContainer.tsx
+++ b/packages/stack/src/views/Stack/CardContainer.tsx
@@ -119,6 +119,8 @@ function CardContainer({
  scene,
  transitionSpec,
 }: Props) {
+  const parentHeaderHeight = React.useContext(HeaderHeightContext);
+
  const handleOpen = () => {
    const { route } = scene.descriptor;

@@ -263,7 +265,9 @@ function CardContainer({
            <HeaderShownContext.Provider
              value={isParentHeaderShown || headerShown !== false}
            >
-              <HeaderHeightContext.Provider value={headerHeight}>
+              <HeaderHeightContext.Provider
+                value={headerShown ? headerHeight : parentHeaderHeight}
+              >
                {renderScene({ route: scene.descriptor.route })}
              </HeaderHeightContext.Provider>
            </HeaderShownContext.Provider>
@@ -274,7 +278,6 @@ function CardContainer({
            {renderHeader({
              mode: 'screen',
              layout,
-              insets,
              scenes: [previousScene, scene],
              getPreviousScene,
              getFocusedRoute,
--- a/packages/stack/src/views/Stack/CardStack.tsx
+++ b/packages/stack/src/views/Stack/CardStack.tsx
@@ -108,13 +108,8 @@ const getHeaderHeights = (
    const height =
      typeof style.height === 'number' ? style.height : previous[curr.key];

-    const safeAreaInsets = {
-      ...insets,
-      ...options.safeAreaInsets,
-    };
-
    const {
-      headerStatusBarHeight = isParentHeaderShown ? 0 : safeAreaInsets.top,
+      headerStatusBarHeight = isParentHeaderShown ? 0 : insets.top,
    } = options;

    acc[curr.key] =
@@ -420,13 +415,6 @@ export default class CardStack extends React.Component<Props, State> {
      };
    }

-    const {
-      top = insets.top,
-      right = insets.right,
-      bottom = insets.bottom,
-      left = insets.left,
-    } = focusedOptions.safeAreaInsets || {};
-
    let activeScreensLimit = 1;

    for (let i = scenes.length - 1; i >= 0; i--) {
@@ -465,7 +453,6 @@ export default class CardStack extends React.Component<Props, State> {
          {renderHeader({
            mode: 'float',
            layout,
-            insets: { top, right, bottom, left },
            scenes,
            getPreviousScene: this.getPreviousScene,
            getFocusedRoute: this.getFocusedRoute,
@@ -540,7 +527,6 @@ export default class CardStack extends React.Component<Props, State> {
            }

            const {
-              safeAreaInsets,
              headerShown = true,
              headerTransparent,
              cardShadowEnabled,
@@ -598,12 +584,10 @@ export default class CardStack extends React.Component<Props, State> {
              }
            }

-            const {
-              top: safeAreaInsetTop = insets.top,
-              right: safeAreaInsetRight = insets.right,
-              bottom: safeAreaInsetBottom = insets.bottom,
-              left: safeAreaInsetLeft = insets.left,
-            } = safeAreaInsets || {};
+            const safeAreaInsetTop = insets.top;
+            const safeAreaInsetRight = insets.right;
+            const safeAreaInsetBottom = insets.bottom;
+            const safeAreaInsetLeft = insets.left;

            const headerHeight =
              headerShown !== false ? headerHeights[route.key] : 0;
Author	SHA1	Message	Date
Satyajit Sahoo	923722cbb0	chore: publish - @react-navigation/bottom-tabs@6.0.0-next.2 - @react-navigation/drawer@6.0.0-next.2 - @react-navigation/elements@1.0.0-next.2 - @react-navigation/stack@6.0.0-next.3	2021-03-12 03:04:24 +01:00
Satyajit Sahoo	2c1adc9043	refactor: rename ResourceSavingScene to ResourceSavingView	2021-03-12 03:02:07 +01:00
Satyajit Sahoo	40439ccb42	fix: use theme in PlatformPressable	2021-03-12 02:54:02 +01:00
Satyajit Sahoo	24b3f739da	feat: return nearest parent header height for useHeaderHeight	2021-03-12 01:59:40 +01:00
Satyajit Sahoo	2c8401d5cb	feat: export drawer button	2021-03-12 01:43:57 +01:00
Satyajit Sahoo	6cc463f20d	refactor: drop safeAreaInsets option Custom insets can be provided by wrapping the navigator in a SafeAreaProvider, so we don't need an option.	2021-03-12 01:15:01 +01:00
Satyajit Sahoo	e6c6cc8331	chore: publish - @react-navigation/stack@6.0.0-next.2	2021-03-11 13:14:07 +01:00
Adam Trzciński	8a6511c491	fix: respect headerStatusBarHeight option in Stack (#9405 ) Co-authored-by: Satyajit Sahoo <satyajit.happy@gmail.com>	2021-03-11 13:12:54 +01:00
Satyajit Sahoo	bfd6eb79c3	chore: publish - @react-navigation/bottom-tabs@6.0.0-next.1 - @react-navigation/core@6.0.0-next.1 - @react-navigation/devtools@6.0.0-next.1 - @react-navigation/drawer@6.0.0-next.1 - @react-navigation/elements@1.0.0-next.1 - @react-navigation/material-bottom-tabs@6.0.0-next.1 - @react-navigation/material-top-tabs@6.0.0-next.1 - @react-navigation/native@6.0.0-next.1 - @react-navigation/routers@6.0.0-next.1 - @react-navigation/stack@6.0.0-next.1	2021-03-10 05:13:55 +01:00
Satyajit Sahoo	ebcd077626	docs: update links in READMEs	2021-03-10 05:12:24 +01:00
Satyajit Sahoo	5d0c7ea6d4	chore: allow main branch for publishing	2021-03-10 05:09:21 +01:00
Satyajit Sahoo	038eb87c42	fix: remove use of deprecated currentlyFocusedField	2021-03-10 05:06:26 +01:00
Satyajit Sahoo	72f90b50d2	fix: fix peer dep versions	2021-03-09 20:10:12 +01:00
Satyajit Sahoo	0fce8eb2a1	chore: publish - @react-navigation/bottom-tabs@6.0.0-next.0 - @react-navigation/core@6.0.0-next.0 - @react-navigation/devtools@6.0.0-next.0 - @react-navigation/drawer@6.0.0-next.0 - @react-navigation/elements@1.0.0-next.0 - @react-navigation/material-bottom-tabs@6.0.0-next.0 - @react-navigation/material-top-tabs@6.0.0-next.0 - @react-navigation/native@6.0.0-next.0 - @react-navigation/routers@6.0.0-next.0 - @react-navigation/stack@6.0.0-next.0	2021-03-09 17:51:56 +01:00