chore: publish

- @react-navigation/compat@5.0.0-alpha.9 - @react-navigation/core@5.0.0-alpha.17 - @react-navigation/drawer@5.0.0-alpha.16 - @react-navigation/example@5.0.0-alpha.15 - @react-navigation/material-bottom-tabs@5.0.0-alpha.15 - @react-navigation/native-stack@5.0.0-alpha.4 - @react-navigation/native@5.0.0-alpha.13 - @react-navigation/stack@5.0.0-alpha.28
fix: don't fire onOpen when screen is unmounting (#137 )
2026-03-07 22:34:14 +08:00 · 2019-10-22 10:58:35 +02:00 · 2019-10-22 09:26:59 +02:00 · 2019-10-22 04:54:38 +02:00 · 2019-10-22 00:53:11 +02:00 · 2019-10-21 15:34:02 +02:00
37 changed files with 210 additions and 110 deletions
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -14,11 +14,11 @@ jobs:
          at: ~/project
      - restore_cache:
          keys:
-            - v1-dependencies-{{ checksum "package.json" }}
+            - v1-dependencies-{{ checksum "yarn.lock" }}
            - v1-dependencies-
-      - run: yarn install
+      - run: yarn install --frozen-lockfile
      - save_cache:
-          key: v1-dependencies-{{ checksum "package.json" }}
+          key: v1-dependencies-{{ checksum "yarn.lock" }}
          paths: node_modules
      - persist_to_workspace:
          root: .
--- a/packages/compat/CHANGELOG.md
+++ b/packages/compat/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.

+# [5.0.0-alpha.9](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/compat@5.0.0-alpha.8...@react-navigation/compat@5.0.0-alpha.9) (2019-10-22)
+
+**Note:** Version bump only for package @react-navigation/compat
+
+
+
+
+
 # [5.0.0-alpha.8](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/compat@5.0.0-alpha.7...@react-navigation/compat@5.0.0-alpha.8) (2019-10-15)


--- a/packages/compat/package.json
+++ b/packages/compat/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/compat",
  "description": "Compatibility layer to write navigator definitions in static configuration format",
-  "version": "5.0.0-alpha.8",
+  "version": "5.0.0-alpha.9",
  "license": "MIT",
  "repository": {
    "type": "git",
--- a/packages/compat/src/createCompatNavigatorFactory.tsx
+++ b/packages/compat/src/createCompatNavigatorFactory.tsx
@@ -49,7 +49,7 @@ export default function createCompatNavigatorFactory<
    navigationConfig: Partial<Omit<NavigationConfig, 'screenOptions'>> & {
      order?: Array<Extract<keyof ParamList, string>>;
      defaultNavigationOptions?: ScreenOptions;
-      navigationOptions?: { [key: string]: any };
+      navigationOptions?: Record<string, any>;
    } = {}
  ) => {
    const Pair = createNavigator();
--- 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.

+# [5.0.0-alpha.17](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/core@5.0.0-alpha.16...@react-navigation/core@5.0.0-alpha.17) (2019-10-22)
+
+**Note:** Version bump only for package @react-navigation/core
+
+
+
+
+
 # [5.0.0-alpha.16](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/core@5.0.0-alpha.15...@react-navigation/core@5.0.0-alpha.16) (2019-10-18)


--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -6,7 +6,7 @@
    "react-native",
    "react-navigation"
  ],
-  "version": "5.0.0-alpha.16",
+  "version": "5.0.0-alpha.17",
  "license": "MIT",
  "repository": {
    "type": "git",
--- a/packages/core/src/getPathFromState.tsx
+++ b/packages/core/src/getPathFromState.tsx
@@ -3,7 +3,7 @@ import { NavigationState, PartialState, Route } from './types';

 type State = NavigationState | Omit<PartialState<NavigationState>, 'stale'>;

-type StringifyConfig = { [key: string]: (value: any) => string };
+type StringifyConfig = Record<string, (value: any) => string>;

 type Options = {
  [routeName: string]: string | { path: string; stringify?: StringifyConfig };
--- a/packages/core/src/getStateFromPath.tsx
+++ b/packages/core/src/getStateFromPath.tsx
@@ -2,7 +2,7 @@ import escape from 'escape-string-regexp';
 import queryString from 'query-string';
 import { NavigationState, PartialState } from './types';

-type ParseConfig = { [key: string]: (value: string) => any };
+type ParseConfig = Record<string, (value: string) => any>;

 type Options = {
  [routeName: string]: string | { path: string; parse?: ParseConfig };
@@ -78,7 +78,7 @@ export default function getStateFromPath(
          .filter(p => p.startsWith(':'));

        if (paramPatterns.length) {
-          params = paramPatterns.reduce<{ [key: string]: any }>((acc, p, i) => {
+          params = paramPatterns.reduce<Record<string, any>>((acc, p, i) => {
            const key = p.replace(/^:/, '');
            const value = match[i + 1]; // The param segments start from index 1 in the regex match result

--- a/packages/core/src/types.tsx
+++ b/packages/core/src/types.tsx
@@ -189,7 +189,7 @@ export type Router<
  actionCreators?: ActionCreators<Action>;
 };

-export type ParamListBase = { [key: string]: object | undefined };
+export type ParamListBase = Record<string, object | undefined>;

 export type EventMapBase = {
  focus: undefined;
@@ -215,7 +215,7 @@ export type EventListenerCallback<EventName extends string, Data> = (
  e: EventArg<EventName, Data>
 ) => void;

-export type EventConsumer<EventMap extends { [key: string]: any }> = {
+export type EventConsumer<EventMap extends Record<string, any>> = {
  /**
   * Subscribe to events from the parent navigator.
   *
@@ -232,7 +232,7 @@ export type EventConsumer<EventMap extends { [key: string]: any }> = {
  ): void;
 };

-export type EventEmitter<EventMap extends { [key: string]: any }> = {
+export type EventEmitter<EventMap extends Record<string, any>> = {
  /**
   * Emit an event to child screens.
   *
@@ -349,7 +349,7 @@ type NavigationHelpersCommon<

 export type NavigationHelpers<
  ParamList extends ParamListBase,
-  EventMap extends { [key: string]: any } = {}
+  EventMap extends Record<string, any> = {}
 > = NavigationHelpersCommon<ParamList> &
  EventEmitter<EventMap> & {
    /**
@@ -376,7 +376,7 @@ export type NavigationProp<
  RouteName extends keyof ParamList = string,
  State extends NavigationState = NavigationState,
  ScreenOptions extends object = {},
-  EventMap extends { [key: string]: any } = {}
+  EventMap extends Record<string, any> = {}
 > = NavigationHelpersCommon<ParamList, State> & {
  /**
   * Update the param object for the route.
@@ -468,7 +468,7 @@ export type Descriptor<
  RouteName extends keyof ParamList = string,
  State extends NavigationState = NavigationState,
  ScreenOptions extends object = {},
-  EventMap extends { [key: string]: any } = {}
+  EventMap extends Record<string, any> = {}
 > = {
  /**
   * Render the component associated with this route.
--- a/packages/core/src/useDescriptors.tsx
+++ b/packages/core/src/useDescriptors.tsx
@@ -20,7 +20,7 @@ import {

 type Options<State extends NavigationState, ScreenOptions extends object> = {
  state: State;
-  screens: { [key: string]: RouteConfig<ParamListBase, string, ScreenOptions> };
+  screens: Record<string, RouteConfig<ParamListBase, string, ScreenOptions>>;
  navigation: NavigationHelpers<ParamListBase>;
  screenOptions?:
    | ScreenOptions
@@ -68,7 +68,7 @@ export default function useDescriptors<
  router,
  emitter,
 }: Options<State, ScreenOptions>) {
-  const [options, setOptions] = React.useState<{ [key: string]: object }>({});
+  const [options, setOptions] = React.useState<Record<string, object>>({});
  const { trackAction } = React.useContext(NavigationBuilderContext);

  const context = React.useMemo(
--- a/packages/core/src/useEventEmitter.tsx
+++ b/packages/core/src/useEventEmitter.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { EventEmitter, EventConsumer, EventArg } from './types';

-export type NavigationEventEmitter = EventEmitter<{ [key: string]: any }> & {
-  create: (target: string) => EventConsumer<{ [key: string]: any }>;
+export type NavigationEventEmitter = EventEmitter<Record<string, any>> & {
+  create: (target: string) => EventConsumer<Record<string, any>>;
 };

 type Listeners = Array<(data: any) => void>;
@@ -11,9 +11,7 @@ type Listeners = Array<(data: any) => void>;
 * Hook to manage the event system used by the navigator to notify screens of various events.
 */
 export default function useEventEmitter(): NavigationEventEmitter {
-  const listeners = React.useRef<{
-    [key: string]: { [key: string]: Listeners };
-  }>({});
+  const listeners = React.useRef<Record<string, Record<string, Listeners>>>({});

  const create = React.useCallback((target: string) => {
    const removeListener = (type: string, callback: (data: any) => void) => {
--- a/packages/core/src/useNavigationBuilder.tsx
+++ b/packages/core/src/useNavigationBuilder.tsx
@@ -98,7 +98,7 @@ export default function useNavigationBuilder<
  State extends NavigationState,
  RouterOptions extends DefaultRouterOptions,
  ScreenOptions extends object,
-  EventMap extends { [key: string]: any }
+  EventMap extends Record<string, any>
 >(
  createRouter: RouterFactory<State, any, RouterOptions>,
  options: DefaultNavigatorOptions<ScreenOptions> & RouterOptions
@@ -125,22 +125,21 @@ export default function useNavigationBuilder<
    })
  );

-  const screens = getRouteConfigsFromChildren<ScreenOptions>(children).reduce(
-    (acc, curr) => {
-      if (curr.name in acc) {
-        throw new Error(
-          `A navigator cannot contain multiple 'Screen' components with the same name (found duplicate screen named '${curr.name}')`
-        );
-      }
+  const screens = getRouteConfigsFromChildren<ScreenOptions>(children).reduce<
+    Record<string, RouteConfig<ParamListBase, string, ScreenOptions>>
+  >((acc, curr) => {
+    if (curr.name in acc) {
+      throw new Error(
+        `A navigator cannot contain multiple 'Screen' components with the same name (found duplicate screen named '${curr.name}')`
+      );
+    }

-      acc[curr.name] = curr;
-      return acc;
-    },
-    {} as { [key: string]: RouteConfig<ParamListBase, string, ScreenOptions> }
-  );
+    acc[curr.name] = curr;
+    return acc;
+  }, {});

  const routeNames = Object.keys(screens);
-  const routeParamList = routeNames.reduce(
+  const routeParamList = routeNames.reduce<Record<string, object | undefined>>(
    (acc, curr) => {
      const { initialParams } = screens[curr];
      const initialParamsFromParams =
@@ -158,7 +157,7 @@ export default function useNavigationBuilder<

      return acc;
    },
-    {} as { [key: string]: object | undefined }
+    {}
  );

  if (!routeNames.length) {
--- a/packages/core/src/useNavigationCache.tsx
+++ b/packages/core/src/useNavigationCache.tsx
@@ -18,7 +18,7 @@ type Options<State extends NavigationState> = {
  navigation: NavigationHelpers<ParamListBase> &
    Partial<NavigationProp<ParamListBase, string, any, any, any>>;
  setOptions: (
-    cb: (options: { [key: string]: object }) => { [key: string]: object }
+    cb: (options: Record<string, object>) => Record<string, object>
  ) => void;
  router: Router<State, NavigationAction>;
  emitter: NavigationEventEmitter;
@@ -89,13 +89,13 @@ export default function useNavigationCache<
          );
        };

-        const helpers = Object.keys(actions).reduce(
+        const helpers = Object.keys(actions).reduce<Record<string, () => void>>(
          (acc, name) => {
            // @ts-ignore
            acc[name] = (...args: any) => dispatch(actions[name](...args));
            return acc;
          },
-          {} as { [key: string]: () => void }
+          {}
        );

        acc[route.key] = {
--- a/packages/core/src/useNavigationHelpers.tsx
+++ b/packages/core/src/useNavigationHelpers.tsx
@@ -35,7 +35,7 @@ type Options<State extends NavigationState, Action extends NavigationAction> = {
 export default function useNavigationHelpers<
  State extends NavigationState,
  Action extends NavigationAction,
-  EventMap extends { [key: string]: any }
+  EventMap extends Record<string, any>
 >({ onAction, getState, emitter, router }: Options<State, Action>) {
  const resetRoot = React.useContext(ResetRootContext);
  const parentNavigationHelpers = React.useContext(NavigationContext);
@@ -55,13 +55,13 @@ export default function useNavigationHelpers<
      ...CommonActions,
    };

-    const helpers = Object.keys(actions).reduce(
+    const helpers = Object.keys(actions).reduce<Record<string, () => void>>(
      (acc, name) => {
        // @ts-ignore
        acc[name] = (...args: any) => dispatch(actions[name](...args));
        return acc;
      },
-      {} as { [key: string]: () => void }
+      {}
    );

    return {
--- a/packages/drawer/CHANGELOG.md
+++ b/packages/drawer/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.

+# [5.0.0-alpha.16](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/drawer@5.0.0-alpha.15...@react-navigation/drawer@5.0.0-alpha.16) (2019-10-22)
+
+
+### Bug Fixes
+
+* navigation drawer sometimes not closing when pressed outside ([0d8cdc8](https://github.com/react-navigation/navigation-ex/commit/0d8cdc8))
+
+
+
+
+
 # [5.0.0-alpha.15](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/drawer@5.0.0-alpha.14...@react-navigation/drawer@5.0.0-alpha.15) (2019-10-17)


--- a/packages/drawer/package.json
+++ b/packages/drawer/package.json
@@ -11,7 +11,7 @@
    "material",
    "drawer"
  ],
-  "version": "5.0.0-alpha.15",
+  "version": "5.0.0-alpha.16",
  "license": "MIT",
  "repository": {
    "type": "git",
@@ -46,7 +46,7 @@
    "react-native-gesture-handler": "^1.3.0",
    "react-native-reanimated": "^1.3.0",
    "react-native-safe-area-context": "^0.3.6",
-    "react-native-screens": "^2.0.0-alpha.3",
+    "react-native-screens": "^2.0.0-alpha.5",
    "typescript": "^3.6.3"
  },
  "peerDependencies": {
@@ -56,7 +56,7 @@
    "react-native-gesture-handler": "^1.0.0",
    "react-native-reanimated": "^1.0.0",
    "react-native-safe-area-context": "^0.3.6",
-    "react-native-screens": "^1.0.0-alpha.0 || ^2.0.0-alpha.3"
+    "react-native-screens": "^1.0.0-alpha.0 || ^2.0.0-alpha.0"
  },
  "@react-native-community/bob": {
    "source": "src",
--- a/packages/drawer/src/views/Drawer.tsx
+++ b/packages/drawer/src/views/Drawer.tsx
@@ -428,7 +428,14 @@ export default class DrawerView extends React.PureComponent<Props> {
        x: this.touchX,
        translationX: this.gestureX,
        velocityX: this.velocityX,
-        state: this.gestureState,
+      },
+    },
+  ]);
+
+  private handleGestureStateChange = event([
+    {
+      nativeEvent: {
+        state: (s: Animated.Value<number>) => set(this.gestureState, s),
      },
    },
  ]);
@@ -519,7 +526,7 @@ export default class DrawerView extends React.PureComponent<Props> {
        activeOffsetX={[-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]}
        failOffsetY={[-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]}
        onGestureEvent={this.handleGestureEvent}
-        onHandlerStateChange={this.handleGestureEvent}
+        onHandlerStateChange={this.handleGestureStateChange}
        hitSlop={hitSlop}
        enabled={!locked}
        {...gestureHandlerProps}
--- a/packages/example/CHANGELOG.md
+++ b/packages/example/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.

+# [5.0.0-alpha.15](https://github.com/satya164/navigation-ex/compare/@react-navigation/example@5.0.0-alpha.14...@react-navigation/example@5.0.0-alpha.15) (2019-10-22)
+
+**Note:** Version bump only for package @react-navigation/example
+
+
+
+
+
 # [5.0.0-alpha.14](https://github.com/satya164/navigation-ex/compare/@react-navigation/example@5.0.0-alpha.13...@react-navigation/example@5.0.0-alpha.14) (2019-10-17)

 **Note:** Version bump only for package @react-navigation/example
--- a/packages/example/package.json
+++ b/packages/example/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@react-navigation/example",
  "description": "Demo app to showcase various functionality of React Navigation",
-  "version": "5.0.0-alpha.14",
+  "version": "5.0.0-alpha.15",
  "private": true,
  "workspaces": {
    "nohoist": [
@@ -30,7 +30,7 @@
    "react-native-paper": "^3.0.0-alpha.7",
    "react-native-reanimated": "~1.2.0",
    "react-native-safe-area-context": "~0.3.6",
-    "react-native-screens": "2.0.0-alpha.4",
+    "react-native-screens": "^2.0.0-alpha.5",
    "react-native-tab-view": "2.10.0",
    "react-native-unimodules": "^0.7.0-rc.1",
    "react-native-web": "^0.11.7",
--- 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.

+# [5.0.0-alpha.15](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/material-bottom-tabs@5.0.0-alpha.14...@react-navigation/material-bottom-tabs@5.0.0-alpha.15) (2019-10-22)
+
+
+### Bug Fixes
+
+* navigation drawer sometimes not closing when pressed outside ([0d8cdc8](https://github.com/react-navigation/navigation-ex/commit/0d8cdc8))
+
+
+
+
+
 # [5.0.0-alpha.14](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/material-bottom-tabs@5.0.0-alpha.13...@react-navigation/material-bottom-tabs@5.0.0-alpha.14) (2019-10-17)

 **Note:** Version bump only for package @react-navigation/material-bottom-tabs
--- a/packages/material-bottom-tabs/package.json
+++ b/packages/material-bottom-tabs/package.json
@@ -11,7 +11,7 @@
    "material",
    "tab"
  ],
-  "version": "5.0.0-alpha.14",
+  "version": "5.0.0-alpha.15",
  "license": "MIT",
  "repository": {
    "type": "git",
--- a/packages/material-bottom-tabs/src/views/MaterialBottomTabView.tsx
+++ b/packages/material-bottom-tabs/src/views/MaterialBottomTabView.tsx
@@ -113,7 +113,7 @@ export default class MaterialBottomTabView extends React.PureComponent<Props> {
            target: state.key,
          })
        }
-        renderScene={({ route }) => descriptors[route.key].render()}
+        renderScene={({ route }: Scene) => descriptors[route.key].render()}
        renderIcon={this.renderIcon}
        getLabelText={this.getLabelText}
        getColor={this.getColor}
--- a/packages/native-stack/CHANGELOG.md
+++ b/packages/native-stack/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.

+# [5.0.0-alpha.4](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/native-stack@5.0.0-alpha.3...@react-navigation/native-stack@5.0.0-alpha.4) (2019-10-22)
+
+
+### Features
+
+* **native-stack:** add support for large title attributes ([#135](https://github.com/react-navigation/navigation-ex/issues/135)) ([6cf1a04](https://github.com/react-navigation/navigation-ex/commit/6cf1a04))
+
+
+
+
+
+# [5.0.0-alpha.3](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/native-stack@5.0.0-alpha.2...@react-navigation/native-stack@5.0.0-alpha.3) (2019-10-18)
+
+
+### Bug Fixes
+
+* remove top margin when header is hidden in native stack. fixes [#131](https://github.com/react-navigation/navigation-ex/issues/131) ([fb726ee](https://github.com/react-navigation/navigation-ex/commit/fb726ee))
+
+
+
+
+
 # [5.0.0-alpha.2](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/native-stack@5.0.0-alpha.1...@react-navigation/native-stack@5.0.0-alpha.2) (2019-10-18)


--- a/packages/native-stack/package.json
+++ b/packages/native-stack/package.json
@@ -6,7 +6,7 @@
    "react-native",
    "react-navigation"
  ],
-  "version": "5.0.0-alpha.2",
+  "version": "5.0.0-alpha.4",
  "license": "MIT",
  "repository": {
    "type": "git",
@@ -34,14 +34,14 @@
  "devDependencies": {
    "@react-native-community/bob": "^0.7.0",
    "del-cli": "^2.0.0",
-    "react-native-screens": "^2.0.0-alpha.3",
+    "react-native-screens": "^2.0.0-alpha.5",
    "typescript": "^3.5.3"
  },
  "peerDependencies": {
    "@react-navigation/core": "^5.0.0-alpha.0",
    "react": "*",
    "react-native": "*",
-    "react-native-screens": "^2.0.0-alpha.3"
+    "react-native-screens": "^2.0.0-alpha.5"
  },
  "@react-native-community/bob": {
    "source": "src",
--- a/packages/native-stack/src/types.tsx
+++ b/packages/native-stack/src/types.tsx
@@ -123,6 +123,19 @@ export type NativeStackNavigationOptions = {
    fontSize?: number;
    color?: string;
  };
+  /**
+   * Style object for header large title. Supported properties:
+   * - fontFamily
+   * - fontSize
+   *
+   * Only supported on iOS.
+   *
+   * @platform ios
+   */
+  headerLargeTitleStyle?: {
+    fontFamily?: string;
+    fontSize?: number;
+  };
  /**
   * Style object for header back title. Supported properties:
   * - fontFamily
--- a/packages/native-stack/src/views/HeaderConfig.tsx
+++ b/packages/native-stack/src/views/HeaderConfig.tsx
@@ -27,6 +27,7 @@ export default function HeaderConfig(props: Props) {
    headerTranslucent,
    headerStyle = {},
    headerTitleStyle = {},
+    headerLargeTitleStyle = {},
    headerBackTitleStyle = {},
    headerShown,
    gestureEnabled,
@@ -58,6 +59,8 @@ export default function HeaderConfig(props: Props) {
      color={headerTintColor}
      gestureEnabled={gestureEnabled === undefined ? true : gestureEnabled}
      largeTitle={headerLargeTitle}
+      largeTitleFontFamily={headerLargeTitleStyle.fontFamily}
+      largeTitleFontSize={headerLargeTitleStyle.fontSize}
      backgroundColor={headerStyle.backgroundColor}
    >
      {headerRight !== undefined ? (
--- a/packages/native-stack/src/views/StackView.tsx
+++ b/packages/native-stack/src/views/StackView.tsx
@@ -43,7 +43,20 @@ export default function StackView({ state, navigation, descriptors }: Props) {
            }}
          >
            <HeaderConfig {...options} route={route} />
-            <View style={[styles.content, contentStyle]}>{renderScene()}</View>
+            <View
+              style={[
+                styles.content,
+                {
+                  marginTop:
+                    Platform.OS === 'android' && options.headerShown !== false
+                      ? 56
+                      : 0,
+                },
+                contentStyle,
+              ]}
+            >
+              {renderScene()}
+            </View>
          </Screen>
        );
      })}
@@ -55,7 +68,6 @@ const styles = StyleSheet.create({
  content: {
    flex: 1,
    backgroundColor: '#eee',
-    marginTop: Platform.OS === 'android' ? 56 : 0,
  },
  scenes: {
    flex: 1,
--- 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.

+# [5.0.0-alpha.13](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/native@5.0.0-alpha.12...@react-navigation/native@5.0.0-alpha.13) (2019-10-22)
+
+**Note:** Version bump only for package @react-navigation/native
+
+
+
+
+
 # [5.0.0-alpha.12](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/native@5.0.0-alpha.11...@react-navigation/native@5.0.0-alpha.12) (2019-10-15)


--- a/packages/native/package.json
+++ b/packages/native/package.json
@@ -7,7 +7,7 @@
    "ios",
    "android"
  ],
-  "version": "5.0.0-alpha.12",
+  "version": "5.0.0-alpha.13",
  "license": "MIT",
  "repository": {
    "type": "git",
--- a/packages/native/src/useLinking.tsx
+++ b/packages/native/src/useLinking.tsx
@@ -10,7 +10,7 @@ import {
 type Config = {
  [routeName: string]:
    | string
-    | { path: string; parse?: { [key: string]: (value: string) => any } };
+    | { path: string; parse?: Record<string, (value: string) => any> };
 };

 type Options = {
--- a/packages/stack/CHANGELOG.md
+++ b/packages/stack/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

+# [5.0.0-alpha.28](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/stack@5.0.0-alpha.27...@react-navigation/stack@5.0.0-alpha.28) (2019-10-22)
+
+
+### Bug Fixes
+
+* don't fire onOpen when screen is unmounting ([#137](https://github.com/react-navigation/navigation-ex/issues/137)) ([f22abb7](https://github.com/react-navigation/navigation-ex/commit/f22abb7)), closes [#136](https://github.com/react-navigation/navigation-ex/issues/136)
+* don't keep unfocused header backgrounds visible ([031c4d2](https://github.com/react-navigation/navigation-ex/commit/031c4d2))
+
+
+
+
+
 # [5.0.0-alpha.27](https://github.com/react-navigation/navigation-ex/compare/@react-navigation/stack@5.0.0-alpha.26...@react-navigation/stack@5.0.0-alpha.27) (2019-10-18)


--- a/packages/stack/package.json
+++ b/packages/stack/package.json
@@ -10,7 +10,7 @@
    "android",
    "stack"
  ],
-  "version": "5.0.0-alpha.27",
+  "version": "5.0.0-alpha.28",
  "license": "MIT",
  "repository": {
    "type": "git",
@@ -46,7 +46,7 @@
    "react-native-gesture-handler": "^1.3.0",
    "react-native-reanimated": "^1.3.0",
    "react-native-safe-area-context": "^0.3.6",
-    "react-native-screens": "^2.0.0-alpha.3",
+    "react-native-screens": "^2.0.0-alpha.5",
    "typescript": "^3.6.3"
  },
  "peerDependencies": {
@@ -57,7 +57,7 @@
    "react-native-gesture-handler": "^1.0.0",
    "react-native-reanimated": "^1.0.0",
    "react-native-safe-area-context": "^0.3.6",
-    "react-native-screens": "^1.0.0-alpha.0 || ^2.0.0-alpha.3"
+    "react-native-screens": "^1.0.0-alpha.0 || ^2.0.0-alpha.0"
  },
  "@react-native-community/bob": {
    "source": "src",
--- a/packages/stack/src/TransitionConfigs/HeaderStyleInterpolators.tsx
+++ b/packages/stack/src/TransitionConfigs/HeaderStyleInterpolators.tsx
@@ -109,7 +109,12 @@ export function forFade({
    leftButtonStyle: { opacity },
    rightButtonStyle: { opacity },
    titleStyle: { opacity },
-    backgroundStyle: { opacity: current.progress },
+    backgroundStyle: {
+      opacity: interpolate(progress, {
+        inputRange: [0, 1, 1.9, 2],
+        outputRange: [0, 1, 1, 0],
+      }),
+    },
  };
 }

--- a/packages/stack/src/views/Header/HeaderSegment.tsx
+++ b/packages/stack/src/views/Header/HeaderSegment.tsx
@@ -42,7 +42,7 @@ type State = {
  leftLabelLayout?: Layout;
 };

-const warnIfHeaderStylesDefined = (styles: { [key: string]: any }) => {
+const warnIfHeaderStylesDefined = (styles: Record<string, any>) => {
  Object.keys(styles).forEach(styleProp => {
    const value = styles[styleProp];

--- a/packages/stack/src/views/Stack/Card.tsx
+++ b/packages/stack/src/views/Stack/Card.tsx
@@ -281,19 +281,11 @@ export default class Card extends React.Component<Props> {
    // during running. However, we need to invoke listener onClose
    // manually in this case
    if (this.isRunningAnimation || this.noAnimationStartedSoFar) {
-      if (this.isVisibleValue) {
-        this.props.onOpen(false);
-      } else {
-        this.props.onClose(false);
-      }
+      this.props.onClose(false);
    }
  }

  private isVisible = new Value<Binary>(TRUE);
-  private gestureVelocityImpact = new Value<number>(
-    this.props.gestureVelocityImpact
-  );
-  private isVisibleValue: Binary = TRUE;
  private nextIsVisible = new Value<Binary | -1>(UNSET);

  private isClosing = new Value<Binary>(FALSE);
@@ -313,7 +305,11 @@ export default class Card extends React.Component<Props> {
    height: new Value(this.props.layout.height),
  };

-  openingSpecConfig =
+  private gestureVelocityImpact = new Value<number>(
+    this.props.gestureVelocityImpact
+  );
+
+  private openingSpecConfig =
    this.props.transitionSpec.open.animation === 'timing'
      ? transformTimingConfigToAnimatedValues(
          this.props.transitionSpec.open.config
@@ -322,7 +318,7 @@ export default class Card extends React.Component<Props> {
          this.props.transitionSpec.open.config
        );

-  closingSpecConfig =
+  private closingSpecConfig =
    this.props.transitionSpec.close.animation === 'timing'
      ? transformTimingConfigToAnimatedValues(
          this.props.transitionSpec.close.config
@@ -533,19 +529,9 @@ export default class Card extends React.Component<Props> {
    ),
  ];

-  private changeVisiblityExec = onChange(
-    this.isVisible,
-    call([this.isVisible], ([isVisible]) => (this.isVisibleValue = isVisible))
-  );
-
  private execNoGesture = block([
    ...this.exec,
    this.runTransition(this.isVisible),
-    onChange(
-      this.isVisible,
-      call([this.isVisible], ([isVisible]) => (this.isVisibleValue = isVisible))
-    ),
-    this.changeVisiblityExec,
  ]);

  private execWithGesture = block([
@@ -654,7 +640,6 @@ export default class Card extends React.Component<Props> {
        ),
      ]
    ),
-    this.changeVisiblityExec,
  ]);

  private handleGestureEventHorizontal = Animated.event([
--- a/packages/stack/src/views/Stack/Stack.tsx
+++ b/packages/stack/src/views/Stack/Stack.tsx
@@ -65,7 +65,7 @@ type State = {
  scenes: Scene<Route<string>>[];
  progress: ProgressValues;
  layout: Layout;
-  floatingHeaderHeights: { [key: string]: number };
+  floatingHeaderHeights: Record<string, number>;
 };

 const dimensions = Dimensions.get('window');
@@ -119,23 +119,20 @@ const getFloatingHeaderHeights = (
  insets: EdgeInsets,
  descriptors: StackDescriptorMap,
  layout: Layout,
-  previous: { [key: string]: number }
+  previous: Record<string, number>
 ) => {
  const defaultHeaderHeight = getDefaultHeaderHeight(layout, insets);

-  return routes.reduce(
-    (acc, curr) => {
-      const { options = {} } = descriptors[curr.key] || {};
-      const { height = previous[curr.key] } = StyleSheet.flatten(
-        options.headerStyle || {}
-      );
+  return routes.reduce<Record<string, number>>((acc, curr) => {
+    const { options = {} } = descriptors[curr.key] || {};
+    const { height = previous[curr.key] } = StyleSheet.flatten(
+      options.headerStyle || {}
+    );

-      acc[curr.key] = typeof height === 'number' ? height : defaultHeaderHeight;
+    acc[curr.key] = typeof height === 'number' ? height : defaultHeaderHeight;

-      return acc;
-    },
-    {} as { [key: string]: number }
-  );
+    return acc;
+  }, {});
 };

 export default class Stack extends React.Component<Props, State> {
--- a/yarn.lock
+++ b/yarn.lock
@@ -13133,17 +13133,10 @@ react-native-safe-area-view@^0.12.0:
  dependencies:
    hoist-non-react-statics "^2.3.1"

-react-native-screens@2.0.0-alpha.4:
-  version "2.0.0-alpha.4"
-  resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-2.0.0-alpha.4.tgz#cf869bba2a5940f0b71d1dde9cf4e545cc0e97d0"
-  integrity sha512-/MdbyDwmvGncnyH4TVPB4JAawtGVZtyG5NOAbJ14wVmsRZhOqVABmiRP7jGO9tKOCENnoVDKspEw24u66G7EMw==
-  dependencies:
-    debounce "^1.2.0"
-
-react-native-screens@^2.0.0-alpha.3:
-  version "2.0.0-alpha.3"
-  resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-2.0.0-alpha.3.tgz#af86f265b2fb4293b626cf4396db7743de5a54af"
-  integrity sha512-SA3uGrc3UM1V9y6gfVU1UPf1a3dMyQCj3p5J7y6g81Of8rV5Pc34s6fWzOKNAWgOiviAktZB1z7Jngdl7+acZg==
+react-native-screens@^2.0.0-alpha.5:
+  version "2.0.0-alpha.5"
+  resolved "https://registry.yarnpkg.com/react-native-screens/-/react-native-screens-2.0.0-alpha.5.tgz#5b6a72df959d31ffaf7045cd5eb753477e80689b"
+  integrity sha512-uKVc+JYEC59Dz2RPBI4tnaIB8W6T0dHGY6PjUtvkvaBmZBjfxhpezd3m2t8o913Xarx6EvT2maSH8816+MNJnw==
  dependencies:
    debounce "^1.2.0"
Author	SHA1	Message	Date
satyajit.happy	de2b6d8715	chore: publish - @react-navigation/compat@5.0.0-alpha.9 - @react-navigation/core@5.0.0-alpha.17 - @react-navigation/drawer@5.0.0-alpha.16 - @react-navigation/example@5.0.0-alpha.15 - @react-navigation/material-bottom-tabs@5.0.0-alpha.15 - @react-navigation/native-stack@5.0.0-alpha.4 - @react-navigation/native@5.0.0-alpha.13 - @react-navigation/stack@5.0.0-alpha.28	2019-10-22 10:58:35 +02:00
Satyajit Sahoo	f22abb726c	fix: don't fire onOpen when screen is unmounting (#137 ) I can't think of a scenario a screen would unmount when opening. So it's probably a safe-bet to always call onClose. Fixes #136	2019-10-22 09:26:59 +02:00
satyajit.happy	031c4d2378	fix: don't keep unfocused header backgrounds visible	2019-10-22 04:54:38 +02:00
satyajit.happy	2b5955efbe	refactor: use Record type for objects	2019-10-22 00:53:11 +02:00
satyajit.happy	70f7e7a7c0	ci: update CI config	2019-10-21 15:34:02 +02:00
David	6cf1a041b2	feat(native-stack): add support for large title attributes (#135 ) Co-Authored-By: Satyajit Sahoo <satyajit.happy@gmail.com>	2019-10-21 15:25:50 +02:00
osdnk	0d8cdc8a27	fix: navigation drawer sometimes not closing when pressed outside	2019-10-21 11:26:30 +02:00
satyajit.happy	2680b461a2	chore: publish - @react-navigation/native-stack@5.0.0-alpha.3	2019-10-18 19:16:33 +02:00
satyajit.happy	fb726eede3	fix: remove top margin when header is hidden in native stack. fixes #131	2019-10-18 19:15:43 +02:00