Release 3.10.0

* remove old exports and add export for SceneView and SwitchRouter

* Update CHANGELOG.md

* add type arg to NavigationScreenProp

.gitignore

@@ -13,8 +13,8 @@ yarn-error.log
 # OS X
 .DS_Store
 
-# Exponent
+# Expo
-.exponent
+.expo
 
 # Jest
 coverage

CHANGELOG.md

@@ -7,6 +7,27 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [3.10.0] - [2019-05-16](https://github.com/react-navigation/react-navigation/releases/tag/3.10.0)
+
+## Removed
+
+- `persistenceKey` no longer automatically saves and restores navigation state using AsyncStorage. Typically this would be a breaking change that would require a major version bump, but because this has always been marked as experimental in the documentation and it is unlikely to impact production apps, we are rolling it in a minor release. `persistenceKey` has been replaced with `persistNavigationState` and `loadNavigationState`. See the diff in docs: https://github.com/react-navigation/react-navigation.github.io/pull/425/files?short_path=b668b1a#diff-b668b1a4201e40b1378036dc012100fe
+
+## Changed
+
+- Removed animations from stack on web
+- Ensure that headerMode is float by default on web
+
+## Fixes
+
+- Prevent transitionConfig's useNativeDriver value being overwritten. (https://github.com/react-navigation/stack/commit/8b2af7d94209d4658abd8d799bc78744a1004b4e)
+- Update typescript with headerLeftContainerStyle and headerRightContainerStyle
+- Update typescript - Add `safeAreaInset` to `BottomTabBarProps`
+- Update typescript - `TabBarTop` is now `MaterialTopTabBar`
+- Update typescript - Remove `SwitchNavigator`, `TabNavigator` and `StackNavigator`. Added exports for `SceneView` and `SwitchRouter`
+- Update typescript - `getLabel` is now `getLabelText` in BottomTabProps and TopTabProps
+- Silence deprecated lifecycle warning in Stack Transitioner
+
 ## [3.9.0] - [2019-04-23](https://github.com/react-navigation/react-navigation/releases/tag/3.9.0)
 
 ## Fixes
@@ -257,7 +278,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 - [2.x](https://github.com/react-navigation/react-navigation/blob/2.x/CHANGELOG.md)
 
-[Unreleased]: https://github.com/react-navigation/react-navigation/compare/3.9.0...HEAD
+[Unreleased]: https://github.com/react-navigation/react-navigation/compare/3.10.0...HEAD
+[3.10.0]: https://github.com/react-navigation/react-navigation/compare/3.10.0...3.9.0
 [3.9.0]: https://github.com/react-navigation/react-navigation/compare/3.8.1...3.9.0
 [3.8.1]: https://github.com/react-navigation/react-navigation/compare/3.8.0...3.8.1
 [3.8.0]: https://github.com/react-navigation/react-navigation/compare/3.7.1...3.8.0

examples/NavigationPlayground/package.json

@@ -6,7 +6,8 @@
     "postinstall": "patch-package && rm -rf node_modules/react-navigation/node_modules/react-native && rm -rf node_modules/react-navigation/node_modules/@types && rm -rf node_modules/react-navigation/node_modules/examples && rm -rf node_modules/react-navigation/node_modules/react-native-gesture-handler && rm -rf node_modules/react-navigation/node_modules/react",
     "start": "node node_modules/react-native/local-cli/cli.js start",
     "test": "jest && tsc",
-    "tsc": "tsc"
+    "tsc": "tsc",
+    "release": "release-it"
   },
   "dependencies": {
     "patch-package": "^6.0.5",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-navigation",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "description": "Routing and navigation for your React Native apps",
   "main": "src/react-navigation.js",
   "types": "typescript/react-navigation.d.ts",
@@ -36,11 +36,11 @@
     "react-native": "*"
   },
   "dependencies": {
-    "@react-navigation/core": "~3.4.0",
+    "@react-navigation/core": "~3.4.1",
-    "@react-navigation/native": "~3.4.0",
+    "@react-navigation/native": "~3.5.0",
-    "react-navigation-drawer": "1.2.1",
+    "react-navigation-drawer": "~1.2.1",
-    "react-navigation-stack": "1.3.0",
+    "react-navigation-stack": "~1.4.0",
-    "react-navigation-tabs": "1.1.2"
+    "react-navigation-tabs": "~1.1.3"
   },
   "devDependencies": {
     "@types/react-native": "~0.57.38",

typescript/react-navigation.d.ts

@@ -68,7 +68,7 @@ declare module 'react-navigation' {
 
   export type ScreenProps = {
     [key: string]: any;
-  }
+  };
 
   // @todo - any..
   export function getActiveChildNavigationOptions<S>(
@@ -440,6 +440,8 @@ declare module 'react-navigation' {
    * Switch Navigator
    */
 
+  export interface SwitchRouter extends NavigationRouter {}
+
   export interface NavigationSwitchRouterConfig {
     initialRouteName?: string;
     initialRouteParams?: NavigationParams;
@@ -472,6 +474,8 @@ declare module 'react-navigation' {
     headerPressColorAndroid?: string;
     headerRight?: React.ReactElement<any> | null;
     headerStyle?: StyleProp<ViewStyle>;
+    headerLeftContainerStyle?: StyleProp<ViewStyle>;
+    headerRightContainerStyle?: StyleProp<ViewStyle>;
     headerForceInset?: HeaderForceInset;
     headerBackground?: React.ReactNode | React.ReactType;
     headerBackgroundTransitionPreset?: 'toggle' | 'fade' | 'translate';
@@ -545,6 +549,7 @@ declare module 'react-navigation' {
     paths?: NavigationPathsConfig;
     order?: string[]; // todo: type these as the real route names rather than 'string'
     backBehavior?: 'none' | 'initialRoute' | 'history' | 'order'; // defaults to 'initialRoute'
+    resetOnBlur?: boolean;
   }
   export interface NavigationTabRouterConfig
     extends NavigationTabRouterConfigBase {
@@ -585,7 +590,9 @@ declare module 'react-navigation' {
     tabBarLabel?:
       | string
       | React.ReactElement<any>
-      | ((options: TabBarLabelProps) => React.ReactElement<any> | string | null);
+      | ((
+          options: TabBarLabelProps
+        ) => React.ReactElement<any> | string | null);
     tabBarVisible?: boolean;
     tabBarTestIDProps?: { testID?: string; accessibilityLabel?: string };
   }
@@ -664,7 +671,9 @@ declare module 'react-navigation' {
     lastState: NavigationState | null | undefined;
   }
 
-  export type NavigationEventCallback = (payload: NavigationEventPayload) => void;
+  export type NavigationEventCallback = (
+    payload: NavigationEventPayload
+  ) => void;
 
   export interface NavigationEventSubscription {
     remove: () => void;
@@ -894,7 +903,15 @@ declare module 'react-navigation' {
       action: NavigationAction
     ) => void | null | undefined;
     navigation?: NavigationScreenProp<S>;
+    /*
+     * This prop is no longer supported. Use `loadNavigationState` and
+     * `persistNavigationState` instead.
+     */
     persistenceKey?: string | null;
+
+    loadNavigationState?: () => Promise<any>;
+    persistNavigationState?: (state: NavigationState) => Promise<any>;
+
     renderLoadingExperimental?: React.ComponentType;
     screenProps?: ScreenProps;
     navigationOptions?: O;
@@ -929,12 +946,6 @@ declare module 'react-navigation' {
     containerOptions?: any;
   }
 
-  // Return createNavigationContainer
-  export function StackNavigator(
-    routeConfigMap: NavigationRouteConfigMap,
-    stackConfig?: StackNavigatorConfig
-  ): NavigationContainer;
-
   export function createStackNavigator(
     routeConfigMap: NavigationRouteConfigMap,
     stackConfig?: StackNavigatorConfig
@@ -950,11 +961,6 @@ declare module 'react-navigation' {
   // Return createNavigationContainer
   export type _SwitchNavigatorConfig = NavigationSwitchRouterConfig;
 
-  export function SwitchNavigator(
-    routeConfigMap: NavigationRouteConfigMap,
-    switchConfig?: SwitchNavigatorConfig
-  ): NavigationContainer;
-
   export function createSwitchNavigator(
     routeConfigMap: NavigationRouteConfigMap,
     switchConfig?: SwitchNavigatorConfig
@@ -1086,12 +1092,6 @@ declare module 'react-navigation' {
     initialLayout?: InitialLayout;
   }
 
-  // From navigators/TabNavigator.js
-  export function TabNavigator(
-    routeConfigMap: NavigationRouteConfigMap,
-    drawConfig?: TabNavigatorConfig
-  ): NavigationContainer;
-
   export function createBottomTabNavigator(
     routeConfigMap: NavigationRouteConfigMap,
     drawConfig?: BottomTabNavigatorConfig
@@ -1102,7 +1102,7 @@ declare module 'react-navigation' {
     drawConfig?: TabNavigatorConfig
   ): NavigationContainer;
 
-  export interface TabBarTopProps {
+  export interface MaterialTopTabBarProps {
     activeTintColor: string;
     inactiveTintColor: string;
     indicatorStyle: StyleProp<ViewStyle>;
@@ -1114,7 +1114,7 @@ declare module 'react-navigation' {
     tabBarPosition: string;
     navigation: NavigationScreenProp<NavigationState>;
     jumpToIndex: (index: number) => void;
-    getLabel: (scene: TabScene) => React.ReactNode | string;
+    getLabelText: (scene: TabScene) => React.ReactNode | string;
     getOnPress: (
       previousScene: NavigationRoute,
       scene: TabScene
@@ -1139,7 +1139,7 @@ declare module 'react-navigation' {
     position: AnimatedValue;
     navigation: NavigationScreenProp<NavigationState>;
     jumpToIndex: (index: number) => void;
-    getLabel: (scene: TabScene) => React.ReactNode | string;
+    getLabelText: (scene: TabScene) => React.ReactNode | string;
     getOnPress: (
       previousScene: NavigationRoute,
       scene: TabScene
@@ -1155,9 +1155,15 @@ declare module 'react-navigation' {
     labelStyle?: TextStyle;
     tabStyle?: ViewStyle;
     showIcon?: boolean;
+    safeAreaInset?: {
+      top?: SafeAreaViewForceInsetValue;
+      bottom?: SafeAreaViewForceInsetValue;
+      left?: SafeAreaViewForceInsetValue;
+      right?: SafeAreaViewForceInsetValue;
+    };
   }
 
-  export const TabBarTop: React.ComponentType<TabBarTopProps>;
+  export const MaterialTopTabBar: React.ComponentType<MaterialTopTabBarProps>;
   export const BottomTabBar: React.ComponentType<BottomTabBarProps>;
 
   /**
@@ -1209,7 +1215,9 @@ declare module 'react-navigation' {
     ): NavigationPopToTopAction;
 
     function push(options: NavigationPushActionPayload): NavigationPushAction;
-    function reset(options: NavigationResetActionPayload): NavigationResetAction;
+    function reset(
+      options: NavigationResetActionPayload
+    ): NavigationResetAction;
 
     function replace(
       options: NavigationReplaceActionPayload
@@ -1462,7 +1470,23 @@ declare module 'react-navigation' {
 
   export const SafeAreaView: React.ComponentClass<SafeAreaViewProps>;
 
-  export const NavigationContext: React.Context<NavigationScreenProp<NavigationRoute>>;
+  export const NavigationContext: React.Context<
+    NavigationScreenProp<NavigationRoute>
+  >;
   export const StackGestureContext: React.Context<React.Ref<PanGestureHandler>>;
-  export const DrawerGestureContext: React.Context<React.Ref<PanGestureHandler>>;
+  export const DrawerGestureContext: React.Context<
+    React.Ref<PanGestureHandler>
+  >;
+
+  /**
+   * SceneView
+   */
+
+  export interface SceneViewProps {
+    component: React.ComponentType;
+    screenProps: ScreenProps;
+    navigation: NavigationScreenProp<NavigationRoute>;
+  }
+
+  export class SceneView extends React.Component {}
 }

yarn.lock

@@ -827,10 +827,10 @@
     universal-user-agent "^2.0.0"
     url-template "^2.0.8"
 
-"@react-navigation/core@~3.4.0":
+"@react-navigation/core@~3.4.1":
-  version "3.4.0"
+  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-3.4.0.tgz#776845f9d4f8b2b9cb99c5d2d4433ebcef290d92"
+  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-3.4.1.tgz#8c7e0e53cfb8ccaf87afb76a2733f5e5fde20cd8"
-  integrity sha512-YAnx9mK6P/zYkvn4YxZL6thaNdouSmD7FUaftFrOAbE7y7cCfH8hmk7BOLoOet6Sh2+UnrpkWX7Kg54cT2Jw+g==
+  integrity sha512-slslu4FmjKQMO/EKGGqqGsfC6evQLdbJM2ROACcC2Xxf0+nPeZV5ND8HHukUZZucJRE6Bg/NI+zC1XSBYRjhnw==
   dependencies:
     hoist-non-react-statics "^3.3.0"
     path-to-regexp "^1.7.0"
@@ -8066,13 +8066,20 @@ react-native-safe-area-view@^0.13.0:
   resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-1.0.0-alpha.22.tgz#7a120377b52aa9bbb94d0b8541a014026be9289b"
   integrity sha512-kSyAt0AeVU6N7ZonfV6dP6iZF8B7Bce+tk3eujXhzBGsLg0VSLnU7uE9VqJF0xdQrHR91ZjGgVMieo/8df9KTA==
 
-react-native-tab-view@^1.2.0, react-native-tab-view@^1.3.4:
+react-native-tab-view@^1.2.0:
   version "1.3.4"
   resolved "https://registry.yarnpkg.com/react-native-tab-view/-/react-native-tab-view-1.3.4.tgz#63fc3eb09652651d0ea0e016cff0f3a5e535f4de"
   integrity sha512-iufNROTPr4+Z/IKijlp5faEANiDBWxhpgx9NSCg3esZ+HN5+UtFwB0xkn4XpNRqCvbzeBkgKMRJL3V6kr5NhWg==
   dependencies:
     prop-types "^15.6.1"
 
+react-native-tab-view@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/react-native-tab-view/-/react-native-tab-view-1.4.0.tgz#c70a1f6a86a12bdb6e8b30c390afc751dfe41275"
+  integrity sha512-YnTO4tavO0TXN1nHVQel+4IB0SYoke+moAbdsai9I5DlQ2PTtW4077Vm2N9cdN7zCb5JoWKHulyB9jtTdKR3fQ==
+  dependencies:
+    prop-types "^15.6.1"
+
 react-native-vector-icons@^4.2.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-4.6.0.tgz#e4014311ffa6de397d914ffc31b7097a874cc8d5"
@@ -8152,15 +8159,15 @@ react-navigation-stack@1.3.0:
   resolved "https://registry.yarnpkg.com/react-navigation-stack/-/react-navigation-stack-1.3.0.tgz#34bbddb068c094c9ab843e36059b9fd92b728250"
   integrity sha512-ouyD1GkRksJSGuvAuqrJnlJnZ5g2g/+/WB/MTa8BzjSBvyOgruD5TrmEkpViCOMr1R17C8D4Htln90H4D+NV3Q==
 
-react-navigation-tabs@1.1.2:
+react-navigation-tabs@1.1.3:
-  version "1.1.2"
+  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/react-navigation-tabs/-/react-navigation-tabs-1.1.2.tgz#10b7501522d99960340a0d23a471d571b70aeb82"
+  resolved "https://registry.yarnpkg.com/react-navigation-tabs/-/react-navigation-tabs-1.1.3.tgz#72dded7764cffc6b1de029cd1f0468da3976ed30"
-  integrity sha512-D4fecSwZfvNh5WHTURmUVrNSgy3tiNfID0n5eKTOhCz4Sls4EM2l27UTX833ngxXhQ1FqRtBxzQZ+Dp1FWJ1pw==
+  integrity sha512-MP3QIiIPA1YNqAsL0x55tU+KoTXHrBucicR6eA5aC1wgkk9Hh++DzS34pXrC6u5LZ59MWu7FWjrSFS1aDxqHyg==
   dependencies:
     hoist-non-react-statics "^2.5.0"
     prop-types "^15.6.1"
     react-lifecycles-compat "^3.0.4"
-    react-native-tab-view "^1.3.4"
+    react-native-tab-view "^1.4.0"
 
 react-proxy@^1.1.7:
   version "1.1.8"