chore: release 4.1.1

fix: make sure index.js is common js
fix: don't use declare module for type definitions
2026-01-21 03:18:18 +08:00 · 2020-02-04 23:31:48 +01:00 · 2020-02-04 23:31:32 +01:00 · 2020-02-04 23:31:31 +01:00 · 2020-02-01 02:06:03 +01:00 · 2020-01-29 17:43:44 +01:00
145 changed files with 19881 additions and 18039 deletions
--- a/.babelrc
+++ b/.babelrc
@@ -1,3 +0,0 @@
-{
-  "presets": ["react-native"]
-}
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -1,11 +1,65 @@
-version: 3
+version: 2
+
+defaults: &defaults
+  docker:
+    - image: circleci/node:10
+  working_directory: ~/project
+
 jobs:
-  build:
-    docker:
-      - image: circleci/node:10
-    parallelism: 2
-    working_directory: ~/react-navigation
+  install-dependencies:
+    <<: *defaults
    steps:
      - checkout
-      - run: yarn install --frozen-lockfile
-      - run: ./scripts/test.sh
+      - attach_workspace:
+          at: ~/project
+      - restore_cache:
+          keys:
+            - v1-dependencies-{{ checksum "package.json" }}
+            - v1-dependencies-
+      - restore_cache:
+          keys:
+            - v1-dependencies-example-{{ checksum "example/package.json" }}
+            - v1-dependencies-example-
+      - run: |
+          yarn install --frozen-lockfile
+          yarn install --frozen-lockfile --cwd example
+      - save_cache:
+          key: v1-dependencies-{{ checksum "package.json" }}
+          paths: node_modules
+      - save_cache:
+          key: v1-dependencies-example-{{ checksum "example/package.json" }}
+          paths: example/node_modules
+      - persist_to_workspace:
+          root: .
+          paths: .
+  lint-and-typecheck:
+      <<: *defaults
+      steps:
+        - attach_workspace:
+            at: ~/project
+        - run: |
+            yarn lint
+            yarn typescript
+  unit-tests:
+      <<: *defaults
+      steps:
+        - attach_workspace:
+            at: ~/project
+        - run: |
+            yarn test --coverage
+            yarn codecov
+        - store_artifacts:
+            path: coverage
+            destination: coverage
+
+workflows:
+  version: 2
+  build-and-test:
+    jobs:
+      - install-dependencies
+      - lint-and-typecheck:
+          requires:
+            - install-dependencies
+      - unit-tests:
+          requires:
+            - install-dependencies
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,8 +1,5 @@
-coverage
-flow
-node_modules
-lib*
-build
-
-## Temporary
-examples
+coverage/
+node_modules/
+lib/
+build/
+typescript/
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,52 +1,21 @@
 {
-  "extends": [
-    "plugin:react/recommended",
-    "plugin:import/errors",
-    "plugin:import/warnings",
-    "prettier",
-    "prettier/react"
-  ],
-  "parser": "babel-eslint",
-  "plugins": ["react", "prettier"],
+  "extends": "eslint-config-satya164",
+
+  "plugins": ["react-native-globals"],
+
+  "settings": {
+    "react": {
+      "version": "detect"
+    },
+  },
+
  "env": {
-    "jasmine": true
+    "es6": true,
+    "react-native-globals/all": true,
  },
+
  "rules": {
-    "prettier/prettier": [
-      "error",
-      {
-        "trailingComma": "es5",
-        "singleQuote": true
-      }
-    ],
-
-    "no-underscore-dangle": "off",
-    "no-use-before-define": "off",
-    "no-unused-expressions": "off",
-    "new-cap": "off",
-    "no-plusplus": "off",
-    "no-class-assign": "off",
-    "no-duplicate-imports": "off",
-    "import/extensions": "off",
-    "import/no-extraneous-dependencies": "off",
    "import/no-unresolved": "off",
-
-    "react/jsx-filename-extension": ["off", { "extensions": [".js", ".jsx"] }],
-
-    "react/sort-comp": "off",
-    "react/prefer-stateless-function": "off",
-    "react/no-deprecated": "off",
-
-    "react/forbid-prop-types": "warn",
-    "react/prop-types": "off",
-    "react/require-default-props": "off",
-    "react/no-unused-prop-types": "off"
-  },
-  "parserOptions": {
-    "ecmaVersion": 6,
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "modules": true
-    }
+    "react/sort-comp": "off"
  }
 }
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -1,39 +0,0 @@
-## The issue tracker is reserved for bug reports only.
-
-If you have a question, feature request, or an idea for improving the library or its related tools, please try one of the following resources:
-
- [Read the documentation](https://reactnavigation.org/)
- [Post an issue to the website repository if you'd like to see a documentation change](http://github.com/react-navigation/website)
- [Post a feature request to Canny](https://react-navigation.canny.io/feature-requests)
- [Write a RFC if you have ideas for how to implement a feature request](https://github.com/react-navigation/rfcs)
- [Get help on Discord chat (#react-navigation on Reactiflux)](https://discord.gg/4xEK3nD) or [on StackOverflow](https://stackoverflow.com/questions/tagged/react-navigation)
- Search for your issue - it may have already been answered or even fixed in the development branch. However, if you find that an old, closed issue still persists in the latest version, you should open a new issue.
-
-Bugs with react-navigation must be reproducible *without any external libraries that operate on it*. This means that if you are attempting to use Redux or MobX with it and you think you have found a bug, you must be able to reproduce it without Redux or MobX in this report. Redux related issues belong in [react-navigation-redux-helpers](https://github.com/react-navigation/react-navigation-redux-helpers), and we do not have any first-class integration with MobX at the moment.
-
---
-
-### Current Behavior
-
- What code are you running and what is happening?
- Include a screenshot if it makes sense.
-
-### Expected Behavior
-
- What do you expect should be happening?
- Include a screenshot if it makes sense.
-
-### How to reproduce
-
- You must provide a way to reproduce the problem. If you are having an issue with your machine or build tools, the issue belongs on another repository as that is outside of the scope of React Navigation.
- Either re-create the bug on [Snack](https://snack.expo.io) or link to a GitHub repository with code that reproduces the bug.
- Explain how to run the example app and any steps that we need to take to reproduce the issue from the example app.
-
-### Your Environment
-
-| software         | version
-| ---------------- | -------
-| react-navigation |
-| react-native     |
-| node             |
-| npm or yarn      |
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,36 @@
+---
+name: Miscellaneous
+about: Report an issue which is regarding the core API of React Navigation.
+title: ''
+labels: bug
+assignees: ''
+---
+
+**Current Behavior**
+
+- What code are you running and what is happening?
+- Include a screenshot or video if it makes sense.
+
+**Expected Behavior**
+
+- What do you expect should be happening?
+- Include a screenshot or video if it makes sense.
+
+**How to reproduce**
+
+- You must provide a way to reproduce the problem. If you are having an issue with your machine or build tools, the issue belongs on another repository as that is outside of the scope of React Navigation.
+- Either re-create the bug on [Snack](https://snack.expo.io) or link to a GitHub repository with code that reproduces the bug.
+- Explain how to run the example app and any steps that we need to take to reproduce the issue from the example app.
+- Keep the repro code as simple as possible, with the minimum amount of code required to repro the issue.
+- Before reporting an issue, make sure you are on latest version of the package.
+
+**Your Environment**
+
+| software         | version |
+| ---------------- | ------- |
+| iOS or Android   |
+| react-navigation |
+| react-native     |
+| expo             |
+| node             |
+| npm or yarn      |
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,38 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Stack Navigator
+    url: https://github.com/react-navigation/stack/issues/new
+    about: Submit a bug report for Stack Navigator (react-navigation-stack).
+  - name: Drawer Navigator
+    url: https://github.com/react-navigation/drawer/issues/new
+    about: Submit a bug report for Drawer Navigator (react-navigation-drawer).
+  - name: Tab Navigator
+    url: https://github.com/react-navigation/tabs/issues/new
+    about: Submit a bug report for Bottom Tab Navigator and Material Top Tab Navigator (react-navigation-tabs).
+  - name: Material Bottom Tab Navigator
+    url: https://github.com/react-navigation/material-bottom-tabs/issues/new
+    about: Submit a bug report for Material Bottom Tab Navigator (react-navigation-material-bottom-tabs).
+  - name: Animated Switch Navigator
+    url: https://github.com/react-navigation/animated-switch/issues/new
+    about: Submit a bug report for Animated Switch Navigator (react-navigation-animated-switch).
+  - name: React Navigation 5
+    url: https://github.com/react-navigation/navigation-ex/issues/new/choose
+    about: Submit a bug report for React Navigation 5.
+  - name: Common mistakes
+    url: https://reactnavigation.org/docs/en/common-mistakes.html
+    about: Read about common mistakes and how to fix them.
+  - name: Documentation
+    url: https://reactnavigation.org
+    about: Read the official documentation.
+  - name: Feature requests
+    url: https://react-navigation.canny.io/feature-requests
+    about: Post a feature request on Canny.
+  - name: StackOverflow
+    url: https://stackoverflow.com/questions/tagged/react-navigation
+    about: Ask and answer questions using the react-navigation label.
+  - name: Reactiflux
+    url: https://www.reactiflux.com/
+    about: Chat with other community members in the react-navigation channel.
+  - name: Write an RFC
+    url: https://github.com/react-navigation/rfcs
+    about: Write a RFC if you have ideas for how to implement a feature request.
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,10 +1,10 @@
 Please provide enough information so that others can review your pull request:

-## Motivation
+**Motivation**

 Explain the **motivation** for making this change. What existing problem does the pull request solve?

-## Test plan
+**Test plan**

 Demonstrate the code is solid. Example: the exact commands you ran and their output, screenshots / videos if the pull request changes UI.

@@ -12,10 +12,6 @@ Make sure you test on both platforms if your change affects both platforms.

 The code must pass tests.

-## Code formatting
+**Code formatting**

-Look around. Match the style of the rest of the codebase. Run `yarn format` before committing.
-
-## Changelog
-
-Add an entry under the "Unreleased" heading in [CHANGELOG.md](https://github.com/react-navigation/react-navigation/blob/master/CHANGELOG.md#unreleased) which explains your change.
+Look around. Match the style of the rest of the codebase. Run `yarn lint --fix` before committing.
--- a/.github/workflows/stale.yml
+++ b/.github/workflows/stale.yml
@@ -0,0 +1,16 @@
+name: "Close stale issues and pull requests"
+on:
+  schedule:
+  - cron: "0 0 * * *"
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/stale@v1
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        stale-issue-message: 'Hello 👋, this issue has been open for more than 2 months with no activity on it. If the issue is still present in the latest version, please leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution on workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix the issue.'
+        stale-pr-message: 'Hello 👋, this pull request has been open for more than 2 months with no activity on it. If you think this is still necessary with the latest version, please comment and ping a maintainer to get this reviewed, otherwise it will be closed automatically in 7 days.'
+        exempt-issue-label: 'Keep opened'
+        exempt-pr-label: 'Keep opened'
--- a/.gitignore
+++ b/.gitignore
@@ -13,8 +13,8 @@ yarn-error.log
 # OS X
 .DS_Store

-# Exponent
-.exponent
+# Expo
+.expo

 # Jest
 coverage
--- a/.release-it.json
+++ b/.release-it.json
@@ -1,8 +1,5 @@
 {
-  "increment": "conventional:angular",
-  "changelogCommand": "conventional-changelog -p angular | tail -n +3",
-  "safeBump": false,
-  "src": {
+  "git": {
    "commitMessage": "chore: release %s",
    "tagName": "v%s"
  },
@@ -11,5 +8,10 @@
  },
  "github": {
    "release": true
+  },
+  "plugins": {
+    "@release-it/conventional-changelog": {
+      "preset": "angular"
+    }
  }
 }
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,207 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
-and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
-
-## [Unreleased]
-
-## Changed
-
- Updated react-native-gesture-handler to ~3.1.0
-
-## [3.4.1] - [2019-03-16](https://github.com/react-navigation/react-navigation/releases/tag/3.4.1)
-
-## Fixed
-
- Fix missing TypeScript definitions file in release package
-
-## [3.4.0] - [2019-03-15](https://github.com/react-navigation/react-navigation/releases/tag/3.4.0)
-
-## Added
-
- TypeScript type definition now included in the project.
- Better support for react-native-web in core and stack.
-
-## Fixed
-
- Default key to null in stack reset action (https://github.com/react-navigation/react-navigation-core/commit/59238160d86284a3353d53af10688fcf3f36004f)
- Fix header back button label and title label scaling. Defaults to false. (https://github.com/react-navigation/react-navigation-stack/commit/c1f1dff465e9eebe274a08e274cf10570045fa23)
-
-## Changed
-
- Remove react-lifecycles-compat from @react-navigation/core
- NavigationPlayground uses TypeScript
-
-## [3.3.2] - [2019-02-25](https://github.com/react-navigation/react-navigation/releases/tag/3.3.2)
-
-## Fixed
-
- Updated Flow types (https://github.com/react-navigation/react-navigation/commit/d3040e52b39bc8e91ffc1354d9c5f8c096baf597)
-
-## [3.3.1] - [2019-02-25](https://github.com/react-navigation/react-navigation/releases/tag/3.3.1)
-
-## Fixed
-
- SafeAreaView bottom inset on iPhone XR and XS fixed. (https://github.com/react-navigation/react-navigation/issues/5625)
-
-## [3.3.0] - [2019-02-16](https://github.com/react-navigation/react-navigation/releases/tag/3.3.0)
-
-## Added
-
- Pass through `drawerOpenProgress` to drawer content component (https://github.com/react-navigation/react-navigation-drawer/pull/40)
-
-## [3.2.3] - [2019-02-09](https://github.com/react-navigation/react-navigation/releases/tag/3.2.3)
-
-## Fixed
-
- `await` the result of `onTransitionStart` before starting the transition (https://github.com/react-navigation/react-navigation-stack/pull/79)
-
-## [3.2.2]
-
- Oops, I skipped it. Nothing here.
-
-## [3.2.1] - [2019-02-09](https://github.com/react-navigation/react-navigation/releases/tag/3.2.1)
-
-## Fixed
-
- Remove accidental console.log
-
-## [3.2.0] - [2019-02-08](https://github.com/react-navigation/react-navigation/releases/tag/3.2.0)
-
-## Added
-
- Add support for `backBehavior: history'` and `backBehavior: 'order'` to any navigator based on SwitchRouter (eg: tab navigators). (https://github.com/react-navigation/react-navigation-core/pull/31)
-
-## [3.1.5] - [2019-02-06](https://github.com/react-navigation/react-navigation/releases/tag/3.1.5)
-
-## Fixed
-
- Revert "Transparent header measurement fix (https://github.com/react-navigation/react-navigation-stack/pull/71)"
-
-## [3.1.4] - [2019-02-05](https://github.com/react-navigation/react-navigation/releases/tag/3.1.4)
-
-## Fixed
-
- Fix references to onGestureFinish in StackViewLayout, should be onGestureEnd
-
-## [3.1.3] - [2019-02-04](https://github.com/react-navigation/react-navigation/releases/tag/3.1.3)
-
-## Fixed
-
- Stack navigator properly dismisses and restores keyboard when gesture starts and is cancelled
- Transparent header measurement fix (https://github.com/react-navigation/react-navigation-stack/pull/71)
-
-## [3.1.2] - [2019-02-01](https://github.com/react-navigation/react-navigation/releases/tag/3.1.2)
-
-## Fixed
-
- Update flow definition for `withNavigation` and `withNavigationFocus` to support `defaultProps`
- Prevent onRef callback be called twice on withNavigationFocus components (https://github.com/react-navigation/react-navigation-core/pull/30)
- Bump react-navigation-drawer version to improve performance - if you use Expo, you will need expo@^32.0.3 to update!
-
-## [3.0.9] - [2018-12-19](https://github.com/react-navigation/react-navigation/releases/tag/3.0.9)
-
-## Fixed
-
- Intermittent flicker when changing tabs while using react-native-screens fixed by not changing opacity (https://github.com/react-navigation/react-navigation-tabs/pull/80)
- Prevent fading the previous screen on push/pop on Android (https://github.com/react-navigation/react-navigation-stack/pull/73)
-
-## [3.0.8] - [2018-12-08](https://github.com/react-navigation/react-navigation/releases/tag/3.0.8)
-
-## Changed
-
- Lock create-react-context to 0.2.2
-
-## [3.0.7] - [2018-12-08](https://github.com/react-navigation/react-navigation/releases/tag/3.0.7)
-
-## Changed
-
- Optimize stack gesture to avoid a setState and reduce unnecessary Animated node creation (https://github.com/react-navigation/react-navigation-stack/pull/70)
-
-## [3.0.6] - [2018-12-06](https://github.com/react-navigation/react-navigation/releases/tag/3.0.6)
-
-## Fixes
-
- Fix drawer accessibility label when drawer label is not a string
-
-
-## [3.0.5] - [2018-12-03](https://github.com/react-navigation/react-navigation/releases/tag/3.0.5)
-
-## Fixes
-
- Fix crash in rare case where onNavigationStateChange on container leads to setState and container has screenProps (https://github.com/react-navigation/react-navigation/issues/5301)
- Expose underlaying ScrollView methods to NavigationAwareScrollable (https://github.com/react-navigation/react-navigation-native/pull/8)
-
-## [3.0.4] - [2018-11-30](https://github.com/react-navigation/react-navigation/releases/tag/3.0.4)
-
-## Changed
-
- Lock dependencies to exact versions
-
-## Fixes
-
- Fix crash when screenInterpolator is null (https://github.com/react-navigation/react-navigation-stack/issues/64)
- Fix renderPager override (https://github.com/react-navigation/react-navigation-tabs/pull/70)
-
-## Added
-
- Accessibility labels on drawer items (https://github.com/react-navigation/react-navigation-drawer/pull/30)
-
-
-## [3.0.3] - [2018-11-30](https://github.com/react-navigation/react-navigation/releases/tag/3.0.3)
-
-## Fixes
-
- Fix bug where if you navigate immediately when the navigator is first mounted the stack could get in an invalid state.
- Transparent stack card factors in header height now, even though you probably won't want to use this.
- Fix bug where shadow was still rendered on transparent stack
- Fix gestureResponseDistance custom values being ignored for modal stack
-
-## [3.0.2] - [2018-11-27](https://github.com/react-navigation/react-navigation/releases/tag/3.0.2)
-
-## Fixes
-
- Fix `drawerLockMode` on drawer navigator
- Fix RTL support in drawer navigator
-
-## [3.0.1] - [2018-11-26](https://github.com/react-navigation/react-navigation/releases/tag/3.0.1)
-
-## Fixes
-
- fix NavigationTestUtils.js deprecated file import.
- Update `getParam` flow typings to check `key` and `fallback` arguments, as well as return the correct type automatically.
- Fix regression in backgroundColor on cardStyle for stack navigator.
-
-## [3.0.0] - [2018-11-17](https://github.com/react-navigation/react-navigation/releases/tag/3.0.0)
-
- Changes between the latest 2.x release and 3.0.0 are listed on the blog at https://reactnavigation.org/blog/2018/11/17/react-navigation-3.0.html
-
-# [Previous major versions]
-
- [2.x](https://github.com/react-navigation/react-navigation/blob/2.x/CHANGELOG.md)
-
-[Unreleased]: https://github.com/react-navigation/react-navigation/compare/3.4.1...HEAD
-[3.4.1]: https://github.com/react-navigation/react-navigation/compare/3.4.0...3.4.1
-[3.4.0]: https://github.com/react-navigation/react-navigation/compare/3.3.2...3.4.0
-[3.3.2]: https://github.com/react-navigation/react-navigation/compare/3.3.1...3.3.2
-[3.3.1]: https://github.com/react-navigation/react-navigation/compare/3.3.0...3.3.1
-[3.3.0]: https://github.com/react-navigation/react-navigation/compare/3.2.3...3.3.0
-[3.2.3]: https://github.com/react-navigation/react-navigation/compare/3.2.1...3.2.3
-[3.2.1]: https://github.com/react-navigation/react-navigation/compare/3.2.0...3.2.1
-[3.2.0]: https://github.com/react-navigation/react-navigation/compare/3.1.5...3.2.0
-[3.1.5]: https://github.com/react-navigation/react-navigation/compare/3.1.4...3.1.5
-[3.1.4]: https://github.com/react-navigation/react-navigation/compare/3.1.3...3.1.4
-[3.1.3]: https://github.com/react-navigation/react-navigation/compare/3.1.2...3.1.3
-[3.1.2]: https://github.com/react-navigation/react-navigation/compare/3.0.9...3.1.2
-[3.0.9]: https://github.com/react-navigation/react-navigation/compare/3.0.8...3.0.9
-[3.0.8]: https://github.com/react-navigation/react-navigation/compare/3.0.7...3.0.8
-[3.0.7]: https://github.com/react-navigation/react-navigation/compare/3.0.6...3.0.7
-[3.0.6]: https://github.com/react-navigation/react-navigation/compare/3.0.5...3.0.6
-[3.0.5]: https://github.com/react-navigation/react-navigation/compare/3.0.4...3.0.5
-[3.0.4]: https://github.com/react-navigation/react-navigation/compare/3.0.3...3.0.4
-[3.0.3]: https://github.com/react-navigation/react-navigation/compare/3.0.2...3.0.3
-[3.0.2]: https://github.com/react-navigation/react-navigation/compare/3.0.1...3.0.2
-[3.0.1]: https://github.com/react-navigation/react-navigation/compare/3.0.0...3.0.1
-[3.0.0]: https://github.com/react-navigation/react-navigation/compare/2.x...3.0.0
--- a/39
+++ b/39
@@ -1,26 +1,21 @@
-BSD License
+MIT License

-For React Navigation software
+Copyright (c) 2017 React Navigation Contributors

-Copyright (c) 2016-present, React Navigation Contributors. All rights reserved.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:

-Redistribution and use in source and binary forms, with or without modification,
-are permitted provided that the following conditions are met:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.

- * Redistributions of source code must retain the above copyright notice, this
-   list of conditions and the following disclaimer.
-
- * Redistributions in binary form must reproduce the above copyright notice,
-   this list of conditions and the following disclaimer in the documentation
-   and/or other materials provided with the distribution.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
-ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
-WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
-ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
-(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
-LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
-ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
-(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
-SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@

 [![npm version](https://badge.fury.io/js/react-navigation.svg)](https://badge.fury.io/js/react-navigation) [![CircleCI badge](https://circleci.com/gh/react-navigation/react-navigation/tree/master.svg?style=shield)](https://circleci.com/gh/react-navigation/react-navigation/tree/master) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://reactnavigation.org/docs/contributing.html)

-React Navigation is born from the React Native community's need for an extensible yet easy-to-use navigation solution based on Javascript.
+React Navigation is born from the React Native community's need for an extensible yet easy-to-use navigation solution based on JavaScript.

 ## Installation

@@ -17,6 +17,10 @@ See: https://reactnavigation.org/docs/en/getting-started.html
 * The [Community Resources](https://github.com/react-navigation/react-navigation/blob/master/COMMUNITY_RESOURCES.md) document lists some other resources submitted to us by people who use React Navigation. Feel free to open a pull request to add your resource to the list.
 * You can contribute improvements to the documentation [in the website repository](https://github.com/react-navigation/react-navigation.github.io).

+## Changelog
+
+The changes for each release are outlined on [the GitHub releases page](https://github.com/react-navigation/react-navigation/releases).
+
 ## Try it out

 You can also try out the [Navigation Playground app](https://exp.host/@react-navigation/NavigationPlayground) to get a sense for some of the tools built in to React Navigation. The "Fundamentals" in the documentation also include examples you can play with.
@@ -33,7 +37,7 @@ See our [Contributing Guide](CONTRIBUTING.md)!

 #### Is this the only library available for navigation?

-Certainly not! There other libraries - which, depending on your needs, can be better or worse suited for your project. Read more in the [alternative libraries](https://reactnavigation.org/docs/alternatives.html) documentation, and read React Navigation's [pitch & anti-pitch](https://reactnavigation.org/docs/pitch.html) to understand the tradeoffs.
+Certainly not! There are other libraries - which, depending on your needs, can be better or worse suited for your project. Read more in the [alternative libraries](https://reactnavigation.org/docs/alternatives.html) documentation, and read React Navigation's [pitch & anti-pitch](https://reactnavigation.org/docs/pitch.html) to understand the tradeoffs.

 #### Can I use this library for web?

@@ -45,4 +49,4 @@ This library has adopted a Code of Conduct that we expect project participants t

 ## License

-React Navigation is licensed under the [BSD 2-clause "Simplified" License](https://github.com/react-community/react-navigation/blob/master/LICENSE).
+React Navigation is licensed under the [MIT](https://github.com/react-community/react-navigation/blob/master/LICENSE).
--- a/assetsTransformer.js
+++ b/assetsTransformer.js
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-commonjs */
 /**
 * This file is needed to hijack asset imports so that test files don't attempt
 * to import them as JavaScript modules.
@@ -6,7 +7,7 @@
 const path = require('path');

 module.exports = {
-  process(src, filename, config, options) {
+  process(src, filename) {
    return 'module.exports = ' + JSON.stringify(path.basename(filename)) + ';';
  },
 };
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+};
--- a/commitlint.config.js
+++ b/commitlint.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+};
--- a/example/.babelrc
+++ b/example/.babelrc
@@ -0,0 +1,12 @@
+{
+  "presets": [
+    "expo"
+  ],
+  "plugins": [
+    ["module-resolver", {
+      "alias": {
+        "react-navigation": "../src/react-navigation"
+      }
+    }]
+  ]
+}
--- a/examples/NavigationPlayground/.buckconfig
+++ b/examples/NavigationPlayground/.buckconfig
--- a/example/.eslintrc
+++ b/example/.eslintrc
@@ -0,0 +1,18 @@
+{
+  'extends': '../.eslintrc',
+
+  'settings':
+    {
+      'import/core-modules':
+        [
+          'expo-asset',
+          'react-navigation-stack',
+          'react-native-gesture-handler',
+          'react-native-reanimated',
+        ],
+    },
+
+  "rules": {
+    "react-native/no-inline-styles": "off"
+  }
+}
--- a/examples/NavigationPlayground/.watchmanconfig
+++ b/examples/NavigationPlayground/.watchmanconfig
--- a/examples/NavigationPlayground/app/App.tsx
+++ b/examples/NavigationPlayground/app/App.tsx
@@ -5,6 +5,7 @@ import {
  Platform,
  StatusBar,
  StyleSheet,
+  TouchableOpacity,
  Text,
  View,
 } from 'react-native';
@@ -13,26 +14,30 @@ import {
  RectButton,
 } from 'react-native-gesture-handler';
 import {
+  SupportedThemes,
+  ThemeColors,
+  ThemeContext,
+  Themed,
  createAppContainer,
-  createStackNavigator,
  SafeAreaView,
 } from 'react-navigation';
-import CustomTabs from './CustomTabs';
-import CustomTabUI from './CustomTabUI';
-// import CustomTransitioner from './CustomTransitioner';
-import Drawer from './Drawer';
-import ModalStack from './ModalStack';
-import SimpleStack from './SimpleStack';
-import SimpleTabs from './SimpleTabs';
-import StacksInTabs from './StacksInTabs';
-import StacksOverTabs from './StacksOverTabs';
-import StacksOverTopTabs from './StacksOverTopTabs';
-import StacksAndKeys from './StacksAndKeys';
-import StackWithCustomHeaderBackImage from './StackWithCustomHeaderBackImage';
-import StackWithHeaderPreset from './StackWithHeaderPreset';
-import StackWithTranslucentHeader from './StackWithTranslucentHeader';
-import SwitchWithStacks from './SwitchWithStacks';
-import TabsInDrawer from './TabsInDrawer';
+import { createStackNavigator } from 'react-navigation-stack';
+import { MaterialCommunityIcons } from '@expo/vector-icons';
+import CustomTabs from './src/CustomTabs';
+import CustomTabUI from './src/CustomTabUI';
+import Drawer from './src/Drawer';
+import ModalStack from './src/ModalStack';
+import SimpleStack from './src/SimpleStack';
+import SimpleTabs from './src/SimpleTabs';
+import StacksInTabs from './src/StacksInTabs';
+import StacksOverTabs from './src/StacksOverTabs';
+import StacksOverTopTabs from './src/StacksOverTopTabs';
+import StacksAndKeys from './src/StacksAndKeys';
+import StackWithCustomHeaderBackImage from './src/StackWithCustomHeaderBackImage';
+import StackWithHeaderPreset from './src/StackWithHeaderPreset';
+import StackWithTranslucentHeader from './src/StackWithTranslucentHeader';
+import SwitchWithStacks from './src/SwitchWithStacks';
+import TabsInDrawer from './src/TabsInDrawer';

 const ExampleInfo: any = {
  CustomTabUI: {
@@ -141,7 +146,6 @@ const ExampleInfo: any = {
 const ExampleRoutes: any = {
  CustomTabUI,
  CustomTabs,
-  // CustomTransitioner,
  Drawer,
  ModalStack,
  SimpleStack,
@@ -175,6 +179,9 @@ interface State {
 }

 class MainScreen extends React.Component<any, State> {
+  static contextType = ThemeContext;
+  context!: React.ContextType<typeof ThemeContext>;
+
  state = {
    scrollY: new Animated.Value(0),
  };
@@ -220,7 +227,7 @@ class MainScreen extends React.Component<any, State> {
      <View style={{ flex: 1 }}>
        <NativeViewGestureHandler>
          <Animated.ScrollView
-            style={{ flex: 1, backgroundColor: '#eee' }}
+            style={{ flex: 1, backgroundColor: ThemeColors[this.context].body }}
            scrollEventThrottle={1}
            onScroll={Animated.event(
              [
@@ -251,7 +258,7 @@ class MainScreen extends React.Component<any, State> {
              >
                <View style={styles.banner}>
                  <Image
-                    source={require('./assets/NavLogo.png')}
+                    source={require('./src/assets/NavLogo.png')}
                    style={styles.bannerImage}
                  />
                  <Text style={styles.bannerTitle}>
@@ -265,7 +272,11 @@ class MainScreen extends React.Component<any, State> {
              forceInset={{ top: 'never', bottom: 'always' }}
              style={{ backgroundColor: '#eee' }}
            >
-              <View style={{ backgroundColor: '#fff' }}>
+              <View
+                style={{
+                  backgroundColor: ThemeColors[this.context].bodyContent,
+                }}
+              >
                {Object.keys(ExampleRoutes).map((routeName: string) => (
                  <RectButton
                    key={routeName}
@@ -285,10 +296,17 @@ class MainScreen extends React.Component<any, State> {
                      }
                    }}
                  >
-                    <View style={styles.item}>
-                      <Text style={styles.title}>
+                    <View
+                      style={[
+                        styles.item,
+                        this.context === 'dark'
+                          ? styles.itemDark
+                          : styles.itemLight,
+                      ]}
+                    >
+                      <Themed.Text style={styles.title}>
                        {ExampleInfo[routeName].name}
-                      </Text>
+                      </Themed.Text>
                      <Text style={styles.description}>
                        {ExampleInfo[routeName].description}
                      </Text>
@@ -308,7 +326,7 @@ class MainScreen extends React.Component<any, State> {
  }
 }

-const AppNavigator = createAppContainer(
+const Navigation = createAppContainer(
  createStackNavigator(
    {
      ...ExampleRoutes,
@@ -329,11 +347,50 @@ const AppNavigator = createAppContainer(
  )
 );

-export default class App extends React.Component {
-  render() {
-    return <AppNavigator /* persistenceKey="if-you-want-it" */ />;
-  }
-}
+export default () => {
+  let [theme, setTheme] = React.useState<SupportedThemes>('light');
+
+  return (
+    <View style={{ flex: 1 }}>
+      <Navigation theme={theme} />
+      <View style={{ position: 'absolute', bottom: 60, right: 20 }}>
+        <TouchableOpacity
+          onPress={() => {
+            setTheme(theme === 'light' ? 'dark' : 'light');
+          }}
+        >
+          <View
+            style={{
+              backgroundColor: ThemeColors[theme].bodyContent,
+              borderRadius: 25,
+              width: 50,
+              height: 50,
+              alignItems: 'center',
+              justifyContent: 'center',
+              borderColor: ThemeColors[theme].bodyBorder,
+              borderWidth: 1,
+              shadowColor: ThemeColors[theme].label,
+              shadowOffset: {
+                width: 0,
+                height: 2,
+              },
+              shadowOpacity: 0.4,
+              shadowRadius: 2,
+
+              elevation: 5,
+            }}
+          >
+            <MaterialCommunityIcons
+              name="theme-light-dark"
+              size={30}
+              color={ThemeColors[theme].label}
+            />
+          </View>
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+};

 const styles = StyleSheet.create({
  backgroundUnderlay: {
@@ -371,19 +428,17 @@ const styles = StyleSheet.create({
    color: '#999',
    fontSize: 13,
  },
-  image: {
-    alignSelf: 'center',
-    height: 120,
-    marginBottom: 20,
-    resizeMode: 'contain',
-    width: 120,
-  },
  item: {
-    borderBottomColor: '#ddd',
    borderBottomWidth: StyleSheet.hairlineWidth,
    paddingHorizontal: 16,
    paddingVertical: 12,
  },
+  itemLight: {
+    borderBottomColor: ThemeColors.light.bodyBorder,
+  },
+  itemDark: {
+    borderBottomColor: ThemeColors.dark.bodyBorder,
+  },
  statusBarUnderlay: {
    backgroundColor: '#673ab7',
    height: 20,
@@ -393,7 +448,6 @@ const styles = StyleSheet.create({
    top: 0,
  },
  title: {
-    color: '#444',
    fontSize: 16,
    fontWeight: 'bold',
  },
--- a/examples/NavigationPlayground/README.md
+++ b/examples/NavigationPlayground/README.md
@@ -5,10 +5,8 @@ The NavigationPlayground example app includes a variety of patterns and is used
 ## Usage

 ```bash
-yarn # in the react-navigation root directory
-cd examples/NavigationPlayground
-yarn
-yarn start
+yarn bootstrap # in the react-navigation root directory
+yarn example start
 ```

 You can view this example application directly on Android phones by visiting scanning the QR code on [this site](https://exp.host/@react-navigation/NavigationPlayground) with the [Expo app](https://play.google.com/store/apps/details?id=host.exp.exponent&hl=en).
--- a/example/app.json
+++ b/example/app.json
@@ -0,0 +1,14 @@
+{
+  "expo": {
+    "name": "React Navigation Stack Example",
+    "description": "Demonstrates the various capabilities of react-navigation-stack",
+    "slug": "react-navigation-stack-demo",
+    "sdkVersion": "36.0.0",
+    "version": "1.0.0",
+    "primaryColor": "#2196f3",
+    "platforms": [
+      "android",
+      "ios"
+    ]
+  }
+}
--- a/example/metro.config.js
+++ b/example/metro.config.js
@@ -0,0 +1,45 @@
+/* eslint-disable import/no-extraneous-dependencies */
+
+const path = require('path');
+const fs = require('fs');
+const escape = require('escape-string-regexp');
+const blacklist = require('metro-config/src/defaults/blacklist');
+
+const root = path.resolve(__dirname, '..');
+const pak = JSON.parse(
+  fs.readFileSync(path.join(root, 'package.json'), 'utf8')
+);
+
+const modules = [
+  '@babel/runtime',
+  '@expo/vector-icons',
+  ...Object.keys({
+    ...pak.dependencies,
+    ...pak.peerDependencies,
+  }),
+];
+
+module.exports = {
+  projectRoot: __dirname,
+  watchFolders: [root],
+
+  resolver: {
+    blacklistRE: blacklist([
+      new RegExp(`^${escape(path.join(root, 'node_modules'))}\\/.*$`),
+    ]),
+
+    extraNodeModules: modules.reduce((acc, name) => {
+      acc[name] = path.join(__dirname, 'node_modules', name);
+      return acc;
+    }, {}),
+  },
+
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+  },
+};
--- a/example/package.json
+++ b/example/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "playground",
+  "version": "0.0.1",
+  "private": true,
+  "main": "node_modules/expo/AppEntry.js",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios"
+  },
+  "dependencies": {
+    "@expo/vector-icons": "^10.0.6",
+    "@react-native-community/masked-view": "0.1.5",
+    "@react-navigation/core": "^3.5.1",
+    "@react-navigation/native": "^3.6.2",
+    "expo": "^36.0.0",
+    "expo-asset": "~8.0.0",
+    "expo-blur": "~8.0.0",
+    "expo-constants": "~8.0.0",
+    "hoist-non-react-statics": "^3.3.1",
+    "react": "16.9.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz",
+    "react-native-gesture-handler": "~1.5.0",
+    "react-native-iphone-x-helper": "^1.2.1",
+    "react-native-paper": "^3.4.0",
+    "react-native-reanimated": "~1.4.0",
+    "react-native-safe-area-context": "0.6.0",
+    "react-native-screens": "2.0.0-alpha.12",
+    "react-navigation-drawer": "^2.3.3",
+    "react-navigation-header-buttons": "^3.0.4",
+    "react-navigation-stack": "^2.0.4",
+    "react-navigation-tabs": "^2.6.2"
+  },
+  "devDependencies": {
+    "babel-plugin-module-resolver": "^4.0.0",
+    "expo-cli": "^3.11.3"
+  }
+}
--- a/examples/NavigationPlayground/app/CustomTabUI.tsx
+++ b/examples/NavigationPlayground/app/CustomTabUI.tsx
@@ -1,18 +1,25 @@
 import React from 'react';
 import {
+  Alert,
+  TouchableOpacity,
  LayoutAnimation,
  StatusBar,
  StyleSheet,
  Text,
  View,
 } from 'react-native';
-import Ionicons from 'react-native-vector-icons/Ionicons';
+import { Ionicons } from '@expo/vector-icons';
 import {
-  createMaterialTopTabNavigator,
+  Themed,
+  ThemeContext,
  NavigationScreenProp,
  NavigationState,
  SafeAreaView,
 } from 'react-navigation';
+import {
+  createMaterialTopTabNavigator,
+  MaterialTopTabBar,
+} from 'react-navigation-tabs';
 import { Button } from './commonComponents/ButtonWithMargin';

 interface Props {
@@ -42,7 +49,7 @@ class MyHomeScreen extends React.Component<Props> {
    const { navigation } = this.props;
    return (
      <SafeAreaView forceInset={{ horizontal: 'always', top: 'always' }}>
-        <Text>Home Screen</Text>
+        <Themed.Text>Home Screen</Themed.Text>
        <Button
          onPress={() => navigation.navigate('Home')}
          title="Go to home tab"
@@ -53,9 +60,9 @@ class MyHomeScreen extends React.Component<Props> {
  }
 }

-class RecommendedScreen extends React.Component<Props> {
+class StarredScreen extends React.Component<Props> {
  static navigationOptions = {
-    tabBarLabel: 'Recommended',
+    tabBarLabel: 'Starred',
    tabBarIcon: ({
      tintColor,
      focused,
@@ -76,7 +83,7 @@ class RecommendedScreen extends React.Component<Props> {
    const { navigation } = this.props;
    return (
      <SafeAreaView forceInset={{ horizontal: 'always', top: 'always' }}>
-        <Text>Recommended Screen</Text>
+        <Themed.Text>Starred Screen</Themed.Text>
        <Button
          onPress={() => navigation.navigate('Home')}
          title="Go to home tab"
@@ -87,12 +94,23 @@ class RecommendedScreen extends React.Component<Props> {
  }
 }

+type MaterialTopTabBarProps = React.ComponentProps<typeof MaterialTopTabBar>;
+
+class MaterialTopTabBarWrapper extends React.Component<MaterialTopTabBarProps> {
+  render() {
+    return (
+      <SafeAreaView
+        style={{ backgroundColor: '#000' }}
+        forceInset={{ top: 'always', horizontal: 'never', bottom: 'never' }}
+      >
+        <MaterialTopTabBar {...this.props} />
+      </SafeAreaView>
+    );
+  }
+}
+
 class FeaturedScreen extends React.Component<Props> {
-  static navigationOptions = ({
-    navigation,
-  }: {
-    navigation: NavigationScreenProp<NavigationState>;
-  }) => ({
+  static navigationOptions = {
    tabBarLabel: 'Featured',
    tabBarIcon: ({
      tintColor,
@@ -109,12 +127,13 @@ class FeaturedScreen extends React.Component<Props> {
        style={{ color: tintColor }}
      />
    ),
-  });
+  };
+
  render() {
    const { navigation } = this.props;
    return (
      <SafeAreaView forceInset={{ horizontal: 'always', top: 'always' }}>
-        <Text>Featured Screen</Text>
+        <Themed.Text>Featured Screen</Themed.Text>
        <Button
          onPress={() => navigation.navigate('Home')}
          title="Go to home tab"
@@ -125,13 +144,25 @@ class FeaturedScreen extends React.Component<Props> {
  }
 }

-const SimpleTabs = createMaterialTopTabNavigator({
-  Home: MyHomeScreen,
-  Recommended: RecommendedScreen,
-  Featured: FeaturedScreen,
-});
+const SimpleTabs = createMaterialTopTabNavigator(
+  {
+    Home: MyHomeScreen,
+    Starred: StarredScreen,
+    Featured: FeaturedScreen,
+  },
+  {
+    tabBarComponent: MaterialTopTabBarWrapper,
+    tabBarOptions: {
+      style: {
+        backgroundColor: '#000',
+      },
+    },
+  }
+);

 class TabNavigator extends React.Component<Props> {
+  static contextType = ThemeContext;
+
  static router = SimpleTabs.router;
  componentWillUpdate() {
    LayoutAnimation.easeInEaseOut();
@@ -143,25 +174,38 @@ class TabNavigator extends React.Component<Props> {
    let bottom = null;
    if (activeRoute.routeName !== 'Home') {
      bottom = (
-        <View style={{ height: 50, borderTopWidth: StyleSheet.hairlineWidth }}>
-          <Button
-            title="Check out"
+        <View
+          style={{
+            height: 50,
+            borderTopWidth: StyleSheet.hairlineWidth,
+            backgroundColor: this.context === 'light' ? '#000' : '#fff',
+            alignItems: 'center',
+            justifyContent: 'center',
+          }}
+        >
+          <TouchableOpacity
            onPress={() => {
+              Alert.alert('hello!');
              //
            }}
-          />
+          >
+            <Text
+              style={{
+                fontSize: 20,
+                color: this.context === 'light' ? '#fff' : '#000',
+                fontWeight: 'bold',
+              }}
+            >
+              Check out
+            </Text>
+          </TouchableOpacity>
        </View>
      );
    }
    return (
      <View style={{ flex: 1 }}>
-        <StatusBar barStyle="default" />
-        <SafeAreaView
-          style={{ flex: 1 }}
-          forceInset={{ horizontal: 'always', top: 'always' }}
-        >
-          <SimpleTabs navigation={navigation} />
-        </SafeAreaView>
+        <StatusBar barStyle="light-content" />
+        <SimpleTabs navigation={navigation} />
        {bottom}
      </View>
    );
--- a/examples/NavigationPlayground/app/CustomTabs.tsx
+++ b/examples/NavigationPlayground/app/CustomTabs.tsx
@@ -1,14 +1,17 @@
 import React from 'react';
-import { ScrollView, StatusBar, StyleSheet, Text } from 'react-native';
+import { ScrollView, StyleSheet } from 'react-native';
 import { BorderlessButton } from 'react-native-gesture-handler';
 import {
  createNavigator,
  NavigationState,
  SafeAreaView,
  TabRouter,
+  Themed,
+  useTheme,
+  createAppContainer,
+  NavigationScreenProp,
 } from 'react-navigation';
-import { createAppContainer } from 'react-navigation';
-import { NavigationScreenProp } from 'react-navigation';
+
 import { Button } from './commonComponents/ButtonWithMargin';
 import SampleText from './SampleText';

@@ -29,7 +32,7 @@ const MyNavScreen = ({
        title="Go back"
      />
    </SafeAreaView>
-    <StatusBar barStyle="default" />
+    <Themed.StatusBar />
  </ScrollView>
 );

@@ -65,13 +68,12 @@ const CustomTabBar = ({
          style={styles.tab}
          key={route.routeName}
        >
-          <Text>{route.routeName}</Text>
+          <Themed.Text>{route.routeName}</Themed.Text>
        </BorderlessButton>
      ))}
    </SafeAreaView>
  );
 };
-
 // @todo - how does the type definition for a custom navigator work?
 class CustomTabView extends React.Component<any> {
  render() {
@@ -129,4 +131,9 @@ const styles = StyleSheet.create({
  },
 });

-export default CustomTabs;
+export default () => {
+  // Need to thread the theme through to detached nested navigator
+  let theme = useTheme();
+
+  return <CustomTabs detached theme={theme} />;
+};
--- a/examples/NavigationPlayground/app/Drawer.tsx
+++ b/examples/NavigationPlayground/app/Drawer.tsx
@@ -1,12 +1,20 @@
 import React from 'react';
-import { ScrollView, StatusBar, StyleProp, TextStyle } from 'react-native';
-import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+import { ScrollView, StyleProp, TextStyle } from 'react-native';
+import { MaterialIcons } from '@expo/vector-icons';
+import {
+  Themed,
+  SafeAreaView,
+  NavigationScreenProp,
+  NavigationState,
+} from 'react-navigation';
+import {
+  createStackNavigator,
+  NavigationStackScreenProps,
+} from 'react-navigation-stack';
 import {
  createDrawerNavigator,
-  createStackNavigator,
-  SafeAreaView,
-} from 'react-navigation';
-import { NavigationScreenProp, NavigationState } from 'react-navigation';
+  NavigationDrawerScreenProps,
+} from 'react-navigation-drawer';
 import { Button } from './commonComponents/ButtonWithMargin';
 import SampleText from './SampleText';

@@ -20,37 +28,39 @@ const MyNavScreen = ({
  <ScrollView>
    <SafeAreaView forceInset={{ top: 'always' }}>
      <SampleText>{banner}</SampleText>
-      <Button onPress={() => navigation.openDrawer()} title="Open drawer" />
+      <Button
+        onPress={() => {
+          // @ts-ignore
+          navigation.openDrawer();
+        }}
+        title="Open drawer"
+      />
      <Button
        onPress={() => navigation.navigate('Email')}
        title="Open other screen"
      />
      <Button onPress={() => navigation.navigate('Index')} title="Go back" />
    </SafeAreaView>
-    <StatusBar barStyle="default" />
+    <Themed.StatusBar />
  </ScrollView>
 );

-const InboxScreen = ({
-  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => <MyNavScreen banner={'Inbox Screen'} navigation={navigation} />;
+const InboxScreen = ({ navigation }: NavigationDrawerScreenProps) => (
+  <MyNavScreen banner="Inbox Screen" navigation={navigation} />
+);
+
 InboxScreen.navigationOptions = {
  headerTitle: 'Inbox',
 };

-const EmailScreen = ({
-  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => <MyNavScreen banner={'Email Screen'} navigation={navigation} />;
+const EmailScreen = ({ navigation }: NavigationStackScreenProps) => (
+  <MyNavScreen banner="Email Screen" navigation={navigation} />
+);
+
+const DraftsScreen = ({ navigation }: NavigationStackScreenProps) => (
+  <MyNavScreen banner="Drafts Screen" navigation={navigation} />
+);

-const DraftsScreen = ({
-  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => <MyNavScreen banner={'Drafts Screen'} navigation={navigation} />;
 DraftsScreen.navigationOptions = {
  headerTitle: 'Drafts',
 };
@@ -62,7 +72,7 @@ const InboxStack = createStackNavigator(
  },
  {
    navigationOptions: {
-      drawerIcon: ({ tintColor }) => (
+      drawerIcon: ({ tintColor }: { tintColor: string }) => (
        <MaterialIcons
          name="move-to-inbox"
          size={24}
@@ -81,7 +91,7 @@ const DraftsStack = createStackNavigator(
  },
  {
    navigationOptions: {
-      drawerIcon: ({ tintColor }) => (
+      drawerIcon: ({ tintColor }: { tintColor: string }) => (
        <MaterialIcons
          name="drafts"
          size={24}
--- a/examples/NavigationPlayground/app/ModalStack.tsx
+++ b/examples/NavigationPlayground/app/ModalStack.tsx
@@ -1,11 +1,15 @@
 import React from 'react';
-import { ScrollView, StatusBar, Text } from 'react-native';
+import { ScrollView } from 'react-native';
+import {
+  NavigationScreenProp,
+  Themed,
+  SafeAreaView,
+  NavigationState,
+} from 'react-navigation';
 import {
  createStackNavigator,
-  NavigationScreenProp,
-  SafeAreaView,
-} from 'react-navigation';
-import { NavigationState } from 'react-navigation';
+  NavigationStackScreenProps,
+} from 'react-navigation-stack';
 import { Button } from './commonComponents/ButtonWithMargin';
 import SampleText from './SampleText';

@@ -45,7 +49,7 @@ const MyNavScreen = ({
      )}
      <Button onPress={() => navigation.goBack(null)} title="Go back" />
    </SafeAreaView>
-    <StatusBar barStyle="default" />
+    <Themed.StatusBar />
  </ScrollView>
 );

@@ -88,26 +92,24 @@ const ProfileNavigator = createStackNavigator(
  },
  {
    defaultNavigationOptions: {
-      headerLeft: null,
+      headerLeft: () => null,
    },
    mode: 'modal',
  }
 );

-const MyHeaderTestScreen = ({
-  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => <MyNavScreen banner={`Full screen view`} navigation={navigation} />;
+const MyHeaderTestScreen = ({ navigation }: NavigationStackScreenProps) => (
+  <MyNavScreen banner="Full screen view" navigation={navigation} />
+);
+
 MyHeaderTestScreen.navigationOptions = ({
  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => {
+}: NavigationStackScreenProps) => {
  const headerVisible =
    navigation.state.params && navigation.state.params.headerVisible;
+
  return {
-    header: headerVisible ? undefined : null,
+    headerShown: headerVisible,
    title: 'Now you see me',
  };
 };
@@ -121,7 +123,7 @@ const ModalStack = createStackNavigator(
  },
  {
    defaultNavigationOptions: {
-      header: null,
+      headerShown: false,
    },
    mode: 'modal',
  }
--- a/examples/NavigationPlayground/app/SampleText.tsx
+++ b/examples/NavigationPlayground/app/SampleText.tsx
@@ -1,12 +1,13 @@
 import React, { ReactNode } from 'react';
-import { StyleSheet, Text } from 'react-native';
+import { StyleSheet } from 'react-native';
+import { Themed } from 'react-navigation';

 /**
 * Used across examples as a screen placeholder.
 */

 const SampleText = ({ children }: { children?: ReactNode }) => (
-  <Text style={styles.sampleText}>{children}</Text>
+  <Themed.Text style={styles.sampleText}>{children}</Themed.Text>
 );

 export default SampleText;
--- a/examples/NavigationPlayground/app/SimpleStack.tsx
+++ b/examples/NavigationPlayground/app/SimpleStack.tsx
@@ -1,19 +1,20 @@
 // tslint:disable no-unused-expression

 import * as React from 'react';
-import { StatusBar } from 'react-native';
 import {
-  createStackNavigator,
  NavigationActions,
  NavigationEventPayload,
  NavigationEventSubscription,
-  NavigationScreenProp,
-  NavigationState,
-  NavigationStateRoute,
  SafeAreaView,
  StackActions,
+  Themed,
  withNavigation,
 } from 'react-navigation';
+import {
+  createStackNavigator,
+  NavigationStackProp,
+  NavigationStackScreenProps,
+} from 'react-navigation-stack';
 import { Button } from './commonComponents/ButtonWithMargin';
 import { HeaderButtons } from './commonComponents/HeaderButtons';
 import SampleText from './SampleText';
@@ -21,12 +22,12 @@ import SampleText from './SampleText';
 const DEBUG = false;

 interface MyNavScreenProps {
-  navigation: NavigationScreenProp<NavigationState>;
+  navigation: NavigationStackProp;
  banner: React.ReactNode;
 }

 interface BackButtonProps {
-  navigation: NavigationScreenProp<NavigationStateRoute<any>>;
+  navigation: NavigationStackProp;
 }

 class MyBackButton extends React.Component<BackButtonProps, any> {
@@ -93,17 +94,13 @@ class MyNavScreen extends React.Component<MyNavScreenProps> {
          title="Go back"
        />
        <Button onPress={() => dismiss()} title="Dismiss" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </SafeAreaView>
    );
  }
 }

-interface MyHomeScreenProps {
-  navigation: NavigationScreenProp<NavigationState>;
-}
-
-class MyHomeScreen extends React.Component<MyHomeScreenProps> {
+class MyHomeScreen extends React.Component<NavigationStackScreenProps> {
  static navigationOptions = {
    title: 'Welcome',
  };
@@ -143,12 +140,9 @@ class MyHomeScreen extends React.Component<MyHomeScreenProps> {
  }
 }

-interface MyPhotosScreenProps {
-  navigation: NavigationScreenProp<NavigationState>;
-}
-class MyPhotosScreen extends React.Component<MyPhotosScreenProps> {
+class MyPhotosScreen extends React.Component<NavigationStackScreenProps> {
  static navigationOptions = {
-    headerLeft: <MyBackButtonWithNavigation />,
+    headerLeft: () => <MyBackButtonWithNavigation />,
    title: 'Photos',
  };
  s0: NavigationEventSubscription | null = null;
@@ -195,7 +189,7 @@ class MyPhotosScreen extends React.Component<MyPhotosScreenProps> {
 const MyProfileScreen = ({
  navigation,
 }: {
-  navigation: NavigationScreenProp<NavigationState>;
+  navigation: NavigationStackProp;
 }) => (
  <MyNavScreen
    banner={`${
@@ -205,7 +199,7 @@ const MyProfileScreen = ({
  />
 );

-MyProfileScreen.navigationOptions = (props: MyHomeScreenProps) => {
+MyProfileScreen.navigationOptions = (props: NavigationStackScreenProps) => {
  const { navigation } = props;
  const { state, setParams } = navigation;
  const { params } = state;
@@ -213,7 +207,7 @@ MyProfileScreen.navigationOptions = (props: MyHomeScreenProps) => {
    headerBackImage: params!.headerBackImage,
    // Render a button on the right side of the header.
    // When pressed switches the screen to edit mode.
-    headerRight: (
+    headerRight: () => (
      <HeaderButtons>
        <HeaderButtons.Item
          title={params!.mode === 'edit' ? 'Done' : 'Edit'}
@@ -227,23 +221,18 @@ MyProfileScreen.navigationOptions = (props: MyHomeScreenProps) => {
  };
 };

-const SimpleStack = createStackNavigator(
-  {
-    Home: {
-      screen: MyHomeScreen,
-    },
-    Photos: {
-      path: 'photos/:name',
-      screen: MyPhotosScreen,
-    },
-    Profile: {
-      path: 'people/:name',
-      screen: MyProfileScreen,
-    },
+const SimpleStack = createStackNavigator({
+  Home: {
+    screen: MyHomeScreen,
  },
-  {
-    // headerLayoutPreset: 'center',
-  }
-);
+  Photos: {
+    path: 'photos/:name',
+    screen: MyPhotosScreen,
+  },
+  Profile: {
+    path: 'people/:name',
+    screen: MyProfileScreen,
+  },
+});

 export default SimpleStack;
--- a/examples/NavigationPlayground/app/SimpleTabs.tsx
+++ b/examples/NavigationPlayground/app/SimpleTabs.tsx
@@ -1,15 +1,16 @@
 import React from 'react';
-import { Animated, Platform, StatusBar, Text, View } from 'react-native';
-import Ionicons from 'react-native-vector-icons/Ionicons';
+import { Ionicons } from '@expo/vector-icons';
 import {
-  createBottomTabNavigator,
  FlatList,
  NavigationEventSubscription,
  NavigationScreenProp,
  SafeAreaView,
+  Themed,
  ScrollView,
+  NavigationEventPayload,
+  NavigationState,
 } from 'react-navigation';
-import { NavigationEventPayload, NavigationState } from 'react-navigation';
+import { createBottomTabNavigator } from 'react-navigation-tabs';
 import { Button } from './commonComponents/ButtonWithMargin';
 import SampleText from './SampleText';

@@ -37,28 +38,30 @@ const MyNavScreen = ({
      />
      <Button onPress={() => navigation.goBack(null)} title="Go back" />
      {TEXT.split('\n').map((p, n) => (
-        <Text key={n} style={{ marginVertical: 10, marginHorizontal: 8 }}>
+        <Themed.Text
+          // eslint-disable-next-line react/no-array-index-key
+          key={n}
+          style={{ marginVertical: 10, marginHorizontal: 8 }}
+        >
          {p}
-        </Text>
+        </Themed.Text>
      ))}
-      <StatusBar barStyle="default" />
+      <Themed.StatusBar />
    </SafeAreaView>
  </ScrollView>
 );

-const MyListScreen = ({
-  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => (
+const MyListScreen = () => (
  <FlatList
    data={TEXT.split('\n')}
    style={{ paddingTop: 10 }}
-    keyExtractor={(item, index) => index.toString()}
+    keyExtractor={(_, index) => index.toString()}
    renderItem={({ item }) => (
-      <Text style={{ fontSize: 16, marginVertical: 10, marginHorizontal: 8 }}>
+      <Themed.Text
+        style={{ fontSize: 16, marginVertical: 10, marginHorizontal: 8 }}
+      >
        {item}
-      </Text>
+      </Themed.Text>
    )}
  />
 );
@@ -72,7 +75,6 @@ const MyHomeScreen = ({
 MyHomeScreen.navigationOptions = {
  tabBarIcon: ({
    tintColor,
-    focused,
    horizontal,
  }: {
    tintColor: string;
@@ -80,7 +82,7 @@ MyHomeScreen.navigationOptions = {
    horizontal: boolean;
  }) => (
    <Ionicons
-      name={'ios-home'}
+      name="ios-home"
      size={horizontal ? 20 : 26}
      style={{ color: tintColor }}
    />
@@ -100,7 +102,6 @@ class MyPeopleScreen extends React.Component<MyPeopleScreenProps> {
  static navigationOptions = {
    tabBarIcon: ({
      tintColor,
-      focused,
      horizontal,
    }: {
      tintColor: string;
@@ -108,7 +109,7 @@ class MyPeopleScreen extends React.Component<MyPeopleScreenProps> {
      horizontal: boolean;
    }) => (
      <Ionicons
-        name={'ios-people'}
+        name="ios-people"
        size={horizontal ? 20 : 26}
        style={{ color: tintColor }}
      />
@@ -147,7 +148,6 @@ class MyChatScreen extends React.Component<MyChatScreenProps> {
  static navigationOptions = {
    tabBarIcon: ({
      tintColor,
-      focused,
      horizontal,
    }: {
      tintColor: string;
@@ -155,7 +155,7 @@ class MyChatScreen extends React.Component<MyChatScreenProps> {
      horizontal: boolean;
    }) => (
      <Ionicons
-        name={'ios-chatboxes'}
+        name="ios-chatboxes"
        size={horizontal ? 20 : 26}
        style={{ color: tintColor }}
      />
@@ -196,7 +196,6 @@ const MySettingsScreen = ({
 MySettingsScreen.navigationOptions = {
  tabBarIcon: ({
    tintColor,
-    focused,
    horizontal,
  }: {
    tintColor: string;
@@ -204,7 +203,7 @@ MySettingsScreen.navigationOptions = {
    horizontal: boolean;
  }) => (
    <Ionicons
-      name={'ios-settings'}
+      name="ios-settings"
      size={horizontal ? 20 : 26}
      style={{ color: tintColor }}
    />
--- a/examples/NavigationPlayground/app/StackWithCustomHeaderBackImage.tsx
+++ b/examples/NavigationPlayground/app/StackWithCustomHeaderBackImage.tsx
@@ -1,11 +1,15 @@
 import * as React from 'react';
-import { Button, Image, StatusBar, StyleSheet } from 'react-native';
+import { Button, Image, StyleSheet } from 'react-native';
 import {
-  createStackNavigator,
  NavigationScreenProp,
  NavigationState,
+  Themed,
  SafeAreaView,
 } from 'react-navigation';
+import {
+  createStackNavigator,
+  NavigationStackScreenProps,
+} from 'react-navigation-stack';
 import SampleText from './SampleText';

 interface MyNavScreenProps {
@@ -36,7 +40,7 @@ class MyNavScreen extends React.Component<MyNavScreenProps> {
          title="Navigate to a photos screen"
        />
        <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </SafeAreaView>
    );
  }
@@ -48,7 +52,7 @@ interface MyHomeScreenProps {

 class MyHomeScreen extends React.Component<MyHomeScreenProps> {
  static navigationOptions = {
-    headerBackTitle: null,
+    headerBackTitleVisible: false,
    title: 'Welcome',
  };

@@ -61,13 +65,14 @@ class MyHomeScreen extends React.Component<MyHomeScreenProps> {
 interface MyPhotosScreenProps {
  navigation: NavigationScreenProp<NavigationState>;
 }
+
 class MyPhotosScreen extends React.Component<MyPhotosScreenProps> {
  static navigationOptions = ({
    navigation,
  }: {
    navigation: NavigationScreenProp<NavigationState>;
  }) => ({
-    headerBackTitle: null,
+    headerBackTitleVisible: false,
    title: `${navigation.state.params!.name}'s photos`,
  });

@@ -81,7 +86,7 @@ class MyPhotosScreen extends React.Component<MyPhotosScreenProps> {
          title="Navigate to a profile screen"
        />
        <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </SafeAreaView>
    );
  }
@@ -90,13 +95,11 @@ class MyPhotosScreen extends React.Component<MyPhotosScreenProps> {
 interface MyProfileScreenProps {
  navigation: NavigationScreenProp<NavigationState>;
 }
+
 class MyProfileScreen extends React.Component<MyProfileScreenProps> {
-  static navigationOptions = () => ({
-    headerBackImage: (
-      <MyCustomHeaderBackImage style={styles.myCustomHeaderBackImageAlt} />
-    ),
+  static navigationOptions = {
    title: 'Profile',
-  });
+  };

  render() {
    const { navigation } = this.props;
@@ -104,7 +107,7 @@ class MyProfileScreen extends React.Component<MyProfileScreenProps> {
      <SafeAreaView>
        <SampleText>{`${navigation.state.params!.name}'s Profile`}</SampleText>
        <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </SafeAreaView>
    );
  }
@@ -125,9 +128,18 @@ const StackWithCustomHeaderBackImage = createStackNavigator(
    },
  },
  {
-    defaultNavigationOptions: {
-      headerBackImage: MyCustomHeaderBackImage as any,
-    },
+    defaultNavigationOptions: ({ theme }: NavigationStackScreenProps) => ({
+      headerBackImage: () => (
+        <MyCustomHeaderBackImage
+          style={[
+            styles.myCustomHeaderBackImageAlt,
+            {
+              tintColor: theme === 'light' ? '#000' : '#fff',
+            },
+          ]}
+        />
+      ),
+    }),
  }
 );

@@ -142,7 +154,5 @@ const styles = StyleSheet.create({
    resizeMode: 'contain',
    width: 24,
  },
-  myCustomHeaderBackImageAlt: {
-    tintColor: '#f00',
-  },
+  myCustomHeaderBackImageAlt: {},
 });
--- a/examples/NavigationPlayground/app/StackWithHeaderPreset.tsx
+++ b/examples/NavigationPlayground/app/StackWithHeaderPreset.tsx
@@ -1,19 +1,15 @@
 import * as React from 'react';
-import { StatusBar } from 'react-native';
+import { SafeAreaView, Themed } from 'react-navigation';
 import {
  createStackNavigator,
-  NavigationScreenProp,
-  NavigationState,
-  SafeAreaView,
-} from 'react-navigation';
+  NavigationStackScreenProps,
+  TransitionPresets,
+  HeaderStyleInterpolators,
+} from 'react-navigation-stack';

 import { Button } from './commonComponents/ButtonWithMargin';

-interface NavScreenProps {
-  navigation: NavigationScreenProp<NavigationState>;
-}
-
-class HomeScreen extends React.Component<NavScreenProps> {
+class HomeScreen extends React.Component<NavigationStackScreenProps> {
  static navigationOptions = {
    title: 'Welcome',
  };
@@ -30,13 +26,13 @@ class HomeScreen extends React.Component<NavScreenProps> {
          title="Push screen with no header"
        />
        <Button onPress={() => navigation.goBack(null)} title="Go Home" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </SafeAreaView>
    );
  }
 }

-class OtherScreen extends React.Component<NavScreenProps> {
+class OtherScreen extends React.Component<NavigationStackScreenProps> {
  static navigationOptions = {
    title: 'Your title here',
  };
@@ -57,13 +53,13 @@ class OtherScreen extends React.Component<NavScreenProps> {
        />
        <Button onPress={() => pop()} title="Pop" />
        <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </SafeAreaView>
    );
  }
 }

-class ScreenWithLongTitle extends React.Component<NavScreenProps> {
+class ScreenWithLongTitle extends React.Component<NavigationStackScreenProps> {
  static navigationOptions = {
    title: "Another title that's kind of long",
  };
@@ -76,15 +72,15 @@ class ScreenWithLongTitle extends React.Component<NavScreenProps> {
      <SafeAreaView style={{ paddingTop: 30 }}>
        <Button onPress={() => pop()} title="Pop" />
        <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </SafeAreaView>
    );
  }
 }

-class ScreenWithNoHeader extends React.Component<NavScreenProps> {
+class ScreenWithNoHeader extends React.Component<NavigationStackScreenProps> {
  static navigationOptions = {
-    header: null,
+    headerShown: false,
    title: 'No Header',
  };

@@ -97,7 +93,7 @@ class ScreenWithNoHeader extends React.Component<NavScreenProps> {
        <Button onPress={() => push('Other')} title="Push another screen" />
        <Button onPress={() => pop()} title="Pop" />
        <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </SafeAreaView>
    );
  }
@@ -111,7 +107,10 @@ const StackWithHeaderPreset = createStackNavigator(
    ScreenWithNoHeader,
  },
  {
-    headerTransitionPreset: 'uikit',
+    defaultNavigationOptions: {
+      ...TransitionPresets.SlideFromRightIOS,
+      headerStyleInterpolator: HeaderStyleInterpolators.forUIKit,
+    },
  }
 );

--- a/examples/NavigationPlayground/app/StackWithTranslucentHeader.tsx
+++ b/examples/NavigationPlayground/app/StackWithTranslucentHeader.tsx
@@ -1,29 +1,26 @@
 import * as React from 'react';
+import { Platform, ScrollView, StyleSheet, View } from 'react-native';
+import { BlurView } from 'expo-blur';
+import { getStatusBarHeight } from 'react-native-iphone-x-helper';
 import {
-  Platform,
-  ScrollView,
-  StatusBar,
-  StyleSheet,
-  View,
-} from 'react-native';
-import { BlurView } from 'react-native-blur';
-import { isIphoneX } from 'react-native-iphone-x-helper';
-import {
-  createStackNavigator,
-  Header,
-  HeaderStyleInterpolator,
  NavigationEventPayload,
  NavigationEventSubscription,
-  NavigationScreenProp,
-  NavigationState,
-  TransitionConfig,
+  Themed,
+  SupportedThemes,
 } from 'react-navigation';
+import {
+  createStackNavigator,
+  HeaderStyleInterpolators,
+  NavigationStackScreenProps,
+  NavigationStackProp,
+  TransitionPresets,
+} from 'react-navigation-stack';
 import { Button } from './commonComponents/ButtonWithMargin';
 import { HeaderButtons } from './commonComponents/HeaderButtons';
 import SampleText from './SampleText';

 interface MyNavScreenProps {
-  navigation: NavigationScreenProp<NavigationState>;
+  navigation: NavigationStackProp;
  banner: React.ReactNode;
 }

@@ -49,7 +46,7 @@ class MyNavScreen extends React.Component<MyNavScreenProps> {
        <Button onPress={() => popToTop()} title="Pop to top" />
        <Button onPress={() => pop()} title="Pop" />
        <Button onPress={() => navigation.goBack(null)} title="Go back" />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </ScrollView>
    );
  }
@@ -59,15 +56,8 @@ class MyNavScreen extends React.Component<MyNavScreenProps> {
  // at some point.

  getHeaderInset(): any {
-    const NOTCH_HEIGHT = isIphoneX() ? 25 : 0;
-
-    // $FlowIgnore: we will remove the HEIGHT static soon enough
-    const BASE_HEADER_HEIGHT = Header.HEIGHT;
-
    const HEADER_HEIGHT =
-      Platform.OS === 'ios'
-        ? BASE_HEADER_HEIGHT + NOTCH_HEIGHT
-        : BASE_HEADER_HEIGHT + 20;
+      getStatusBarHeight() + Platform.select({ ios: 44, default: 56 });

    return Platform.select({
      android: {
@@ -84,7 +74,7 @@ class MyNavScreen extends React.Component<MyNavScreenProps> {
 }

 interface MyHomeScreenProps {
-  navigation: NavigationScreenProp<NavigationState>;
+  navigation: NavigationStackProp;
 }

 class MyHomeScreen extends React.Component<MyHomeScreenProps> {
@@ -128,7 +118,7 @@ class MyHomeScreen extends React.Component<MyHomeScreenProps> {
 }

 interface MyPhotosScreenProps {
-  navigation: NavigationScreenProp<NavigationState>;
+  navigation: NavigationStackProp;
 }
 class MyPhotosScreen extends React.Component<MyPhotosScreenProps> {
  static navigationOptions = {
@@ -178,7 +168,7 @@ class MyPhotosScreen extends React.Component<MyPhotosScreenProps> {
 const MyProfileScreen = ({
  navigation,
 }: {
-  navigation: NavigationScreenProp<NavigationState>;
+  navigation: NavigationStackProp;
 }) => (
  <MyNavScreen
    banner={`${navigation.state.params!.mode === 'edit' ? 'Now Editing ' : ''}${
@@ -189,18 +179,22 @@ const MyProfileScreen = ({
 );

 MyProfileScreen.navigationOptions = (props: {
-  navigation: NavigationScreenProp<NavigationState>;
+  navigation: NavigationStackProp;
+  theme: SupportedThemes;
 }) => {
-  const { navigation } = props;
+  const { navigation, theme } = props;
  const { state, setParams } = navigation;
  const { params } = state;
  return {
-    headerBackImage: params!.headerBackImage,
+    headerBackImage: params!.headerBackImage
+      ? () => params!.headerBackImage
+      : undefined,
    // Render a button on the right side of the header.
    // When pressed switches the screen to edit mode.
-    headerRight: (
+    headerRight: () => (
      <HeaderButtons>
        <HeaderButtons.Item
+          color={theme === 'light' ? '#000' : '#fff'}
          title={params!.mode === 'edit' ? 'Done' : 'Edit'}
          onPress={() =>
            setParams({ mode: params!.mode === 'edit' ? '' : 'edit' })
@@ -227,27 +221,24 @@ const StackWithTranslucentHeader = createStackNavigator(
    },
  },
  {
-    defaultNavigationOptions: {
-      headerBackground: Platform.select({
-        android: (
+    defaultNavigationOptions: ({ theme }: NavigationStackScreenProps) => ({
+      ...TransitionPresets.SlideFromRightIOS,
+      headerBackground: () =>
+        Platform.OS === 'ios' ? (
+          <BlurView
+            style={{ flex: 1 }}
+            blurType={theme === 'light' ? 'light' : 'dark'}
+          />
+        ) : (
          <View style={{ flex: 1, backgroundColor: 'rgba(255,255,255,0.7)' }} />
        ),
-        ios: <BlurView style={{ flex: 1 }} blurType="light" />,
-      }),
      headerStyle: {
-        borderBottomColor: '#A7A7AA',
+        borderBottomColor: theme === 'light' ? '#A7A7AA' : 'transparent',
        borderBottomWidth: StyleSheet.hairlineWidth,
      },
      headerTransparent: true,
-    },
-    headerTransitionPreset: 'uikit',
-    // You can leave this out if you don't want the card shadow to
-    // be visible through the header
-    transitionConfig: () =>
-      ({
-        headerBackgroundInterpolator:
-          HeaderStyleInterpolator.forBackgroundWithTranslation,
-      } as TransitionConfig),
+      headerStyleInterpolator: HeaderStyleInterpolators.forUIKit,
+    }),
  }
 );

--- a/examples/NavigationPlayground/app/StacksAndKeys.tsx
+++ b/examples/NavigationPlayground/app/StacksAndKeys.tsx
@@ -1,14 +1,13 @@
 import React from 'react';
-import { StatusBar, Text, View } from 'react-native';
-import { createStackNavigator, NavigationScreenProp } from 'react-navigation';
-import { NavigationState } from 'react-navigation';
+import { Text, View } from 'react-native';
+import { Themed } from 'react-navigation';
+import {
+  createStackNavigator,
+  NavigationStackScreenProps,
+} from 'react-navigation-stack';
 import { Button } from './commonComponents/ButtonWithMargin';

-interface Props {
-  navigation: NavigationScreenProp<NavigationState & any>;
-}
-
-class HomeScreen extends React.Component<Props, any> {
+class HomeScreen extends React.Component<NavigationStackScreenProps> {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
@@ -27,15 +26,18 @@ class HomeScreen extends React.Component<Props, any> {
          title="Go back to other examples"
          onPress={() => this.props.navigation.goBack(null)}
        />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </View>
    );
  }
 }

-class ProfileScreen extends React.Component<any, any> {
+class ProfileScreen extends React.Component<
+  NavigationStackScreenProps<{ homeKey: string }>
+> {
  render() {
-    const { homeKey } = this.props.navigation.state.params;
+    const homeKey = this.props.navigation.getParam('homeKey');
+
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Profile</Text>
@@ -60,7 +62,7 @@ class ProfileScreen extends React.Component<any, any> {
  }
 }

-class SettingsScreen extends React.Component<Props, any> {
+class SettingsScreen extends React.Component<NavigationStackScreenProps> {
  render() {
    const { homeKey } = this.props.navigation.state.params!;

--- a/examples/NavigationPlayground/app/StacksInTabs.tsx
+++ b/examples/NavigationPlayground/app/StacksInTabs.tsx
@@ -1,15 +1,19 @@
 import React from 'react';
-import { StatusBar, Text } from 'react-native';
+import { Text } from 'react-native';
 import {
-  createBottomTabNavigator,
-  createStackNavigator,
+  Themed,
  NavigationScreenProp,
  NavigationState,
  SafeAreaView,
  ScrollView,
 } from 'react-navigation';
-
-import Ionicons from 'react-native-vector-icons/Ionicons';
+import {
+  createStackNavigator,
+  NavigationStackScreenProps,
+  NavigationStackProp,
+} from 'react-navigation-stack';
+import { createBottomTabNavigator } from 'react-navigation-tabs';
+import { Ionicons } from '@expo/vector-icons';
 import { Button } from './commonComponents/ButtonWithMargin';
 import SampleText from './SampleText';

@@ -19,7 +23,7 @@ Nulla convallis pulvinar hendrerit. Nulla mattis sem et aliquam ultrices. Nam eg
 Praesent lobortis elit sit amet mauris pulvinar, viverra condimentum massa pellentesque. Curabitur massa ex, dignissim eget neque at, fringilla consectetur justo. Cras sollicitudin vel ligula sed cursus. Aliquam porta sem hendrerit diam porta ultricies. Sed eu mi erat. Curabitur id justo vel tortor hendrerit vestibulum id eget est. Morbi eros magna, placerat id diam ut, varius sollicitudin mi. Curabitur pretium finibus accumsan.`;

 interface Props {
-  navigation: NavigationScreenProp<NavigationState>;
+  navigation: NavigationStackProp;
  banner: string;
 }

@@ -47,23 +51,20 @@ class MyNavScreen extends React.Component<Props> {
          <Button onPress={() => navigation.goBack(null)} title="Go back" />

          {TEXT.split('\n').map((p, n) => (
+            // eslint-disable-next-line react/no-array-index-key
            <Text key={n} style={{ marginVertical: 10, marginHorizontal: 8 }}>
              {p}
            </Text>
          ))}
        </SafeAreaView>

-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </ScrollView>
    );
  }
 }

-const MyProfileScreen = ({
-  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => (
+const MyProfileScreen = ({ navigation }: NavigationStackScreenProps) => (
  <MyNavScreen
    banner={`${navigation.state.params!.name}s Profile`}
    navigation={navigation}
--- a/examples/NavigationPlayground/app/StacksOverTabs.tsx
+++ b/examples/NavigationPlayground/app/StacksOverTabs.tsx
@@ -1,14 +1,17 @@
 import React from 'react';
 import { ScrollView, StatusBar } from 'react-native';
-import Ionicons from 'react-native-vector-icons/Ionicons';
+import { Ionicons } from '@expo/vector-icons';
 import {
-  createBottomTabNavigator,
-  createStackNavigator,
  getActiveChildNavigationOptions,
  NavigationScreenProp,
  NavigationState,
  SafeAreaView,
 } from 'react-navigation';
+import {
+  createStackNavigator,
+  NavigationStackScreenProps,
+} from 'react-navigation-stack';
+import { createBottomTabNavigator } from 'react-navigation-tabs';
 import { Button } from './commonComponents/ButtonWithMargin';
 import SampleText from './SampleText';

@@ -59,9 +62,9 @@ const MyProfileScreen = ({

 const MyNotificationsSettingsScreen = ({
  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => <MyNavScreen banner="Notifications Screen" navigation={navigation} />;
+}: NavigationStackScreenProps) => (
+  <MyNavScreen banner="Notifications Screen" navigation={navigation} />
+);

 const MySettingsScreen = ({
  navigation,
@@ -141,11 +144,7 @@ const StacksOverTabs = createStackNavigator({
    screen: MyNotificationsSettingsScreen,
  },
  Profile: {
-    navigationOptions: ({
-      navigation,
-    }: {
-      navigation: NavigationScreenProp<NavigationState>;
-    }) => ({
+    navigationOptions: ({ navigation }: NavigationStackScreenProps) => ({
      title: `${navigation.state.params!.name}'s Profile!`,
    }),
    path: '/people/:name',
--- a/examples/NavigationPlayground/app/StacksOverTopTabs.tsx
+++ b/examples/NavigationPlayground/app/StacksOverTopTabs.tsx
@@ -7,13 +7,18 @@ import {
  View,
 } from 'react-native';
 import {
-  createMaterialTopTabNavigator,
-  createStackNavigator,
  NavigationScreenProp,
  NavigationState,
  SafeAreaView,
 } from 'react-navigation';
-import { MaterialTopTabBar } from 'react-navigation-tabs';
+import {
+  createStackNavigator,
+  NavigationStackScreenProps,
+} from 'react-navigation-stack';
+import {
+  createMaterialTopTabNavigator,
+  MaterialTopTabBar,
+} from 'react-navigation-tabs';

 import { Button } from './commonComponents/ButtonWithMargin';
 import SampleText from './SampleText';
@@ -62,11 +67,7 @@ const MyHomeScreen = ({
  />
 );

-const MyProfileScreen = ({
-  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => (
+const MyProfileScreen = ({ navigation }: NavigationStackScreenProps) => (
  <MyNavScreen
    banner={`${navigation.state.params!.name}s Profile`}
    navigation={navigation}
@@ -75,9 +76,9 @@ const MyProfileScreen = ({

 const MyNotificationsSettingsScreen = ({
  navigation,
-}: {
-  navigation: NavigationScreenProp<NavigationState>;
-}) => <MyNavScreen banner="Notifications Screen" navigation={navigation} />;
+}: NavigationStackScreenProps) => (
+  <MyNavScreen banner="Notifications Screen" navigation={navigation} />
+);

 const MySettingsScreen = ({
  navigation,
@@ -146,7 +147,7 @@ const StackNavigator = createStackNavigator(
    Root: {
      screen: TabNavigator,
      navigationOptions: {
-        header: null,
+        headerShown: false,
      },
    },
    NotifSettings: {
@@ -157,11 +158,7 @@ const StackNavigator = createStackNavigator(
    },
    Profile: {
      screen: MyProfileScreen,
-      navigationOptions: ({
-        navigation,
-      }: {
-        navigation: NavigationScreenProp<NavigationState>;
-      }) => ({
+      navigationOptions: ({ navigation }: NavigationStackScreenProps) => ({
        title: `${navigation.state.params!.name}'s Profile!`,
      }),
    },
--- a/examples/NavigationPlayground/app/SwitchWithStacks.tsx
+++ b/examples/NavigationPlayground/app/SwitchWithStacks.tsx
@@ -2,14 +2,18 @@ import React from 'react';
 import {
  ActivityIndicator,
  AsyncStorage,
-  StatusBar,
  StyleSheet,
  View,
+  Platform,
 } from 'react-native';
-import { createStackNavigator, createSwitchNavigator } from 'react-navigation';
+import { Themed, createSwitchNavigator } from 'react-navigation';
+import {
+  createStackNavigator,
+  NavigationStackScreenProps,
+} from 'react-navigation-stack';
 import { Button } from './commonComponents/ButtonWithMargin';

-class SignInScreen extends React.Component<any, any> {
+class SignInScreen extends React.Component<NavigationStackScreenProps> {
  static navigationOptions = {
    title: 'Please sign in',
  };
@@ -22,7 +26,7 @@ class SignInScreen extends React.Component<any, any> {
          title="Go back to other examples"
          onPress={() => this.props.navigation.goBack(null)}
        />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </View>
    );
  }
@@ -33,7 +37,7 @@ class SignInScreen extends React.Component<any, any> {
  };
 }

-class HomeScreen extends React.Component<any, any> {
+class HomeScreen extends React.Component<NavigationStackScreenProps> {
  static navigationOptions = {
    title: 'Welcome to the app!',
  };
@@ -43,7 +47,7 @@ class HomeScreen extends React.Component<any, any> {
      <View style={styles.container}>
        <Button title="Show me more of the app" onPress={this.showMoreApp} />
        <Button title="Actually, sign me out :)" onPress={this.signOutAsync} />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </View>
    );
  }
@@ -53,12 +57,17 @@ class HomeScreen extends React.Component<any, any> {
  };

  signOutAsync = async () => {
-    await AsyncStorage.clear();
+    if (Platform.OS === 'ios') {
+      await AsyncStorage.getAllKeys().then(AsyncStorage.multiRemove);
+    } else {
+      await AsyncStorage.clear();
+    }
+
    this.props.navigation.navigate('Auth');
  };
 }

-class OtherScreen extends React.Component<any, any> {
+class OtherScreen extends React.Component<NavigationStackScreenProps> {
  static navigationOptions = {
    title: 'Lots of features here',
  };
@@ -67,13 +76,18 @@ class OtherScreen extends React.Component<any, any> {
    return (
      <View style={styles.container}>
        <Button title="I'm done, sign me out" onPress={this.signOutAsync} />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </View>
    );
  }

  signOutAsync = async () => {
-    await AsyncStorage.clear();
+    if (Platform.OS === 'ios') {
+      await AsyncStorage.getAllKeys().then(AsyncStorage.multiRemove);
+    } else {
+      await AsyncStorage.clear();
+    }
+
    this.props.navigation.navigate('Auth');
  };
 }
@@ -93,7 +107,7 @@ class LoadingScreen extends React.Component<any, any> {
    return (
      <View style={styles.container}>
        <ActivityIndicator />
-        <StatusBar barStyle="default" />
+        <Themed.StatusBar />
      </View>
    );
  }
--- a/examples/NavigationPlayground/app/TabsInDrawer.tsx
+++ b/examples/NavigationPlayground/app/TabsInDrawer.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
-import { Platform, ScrollView } from 'react-native';
-import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
-import { createDrawerNavigator } from 'react-navigation';
+import { MaterialIcons } from '@expo/vector-icons';
+import { createDrawerNavigator } from 'react-navigation-drawer';
 import SimpleTabs from './SimpleTabs';
 import StacksOverTabs from './StacksOverTabs';

--- a/example/src/assets/NavLogo.png
+++ b/example/src/assets/NavLogo.png
--- a/example/src/assets/back.png
+++ b/example/src/assets/back.png
--- a/example/src/assets/dog-back.png
+++ b/example/src/assets/dog-back.png
--- a/example/src/assets/icon.png
+++ b/example/src/assets/icon.png
--- a/example/src/assets/splash.png
+++ b/example/src/assets/splash.png
--- a/examples/NavigationPlayground/app/commonComponents/Button.tsx
+++ b/examples/NavigationPlayground/app/commonComponents/Button.tsx
@@ -1,42 +1,49 @@
 import React from 'react';
-import { AccessibilityState, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import {
+  AccessibilityStates,
+  Platform,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native';

 export interface ButtonProps {
  /**
   * Text to display inside the button
   */
-  title: string,
+  title: string;

  /**
   * Handler to be called when the user taps the button
   */
-  onPress: (event?: any) => void,
+  onPress: (event?: any) => void;

  /**
   * Color of the text (iOS), or background color of the button (Android)
   */
-  color?: string,
+  color?: string;

  /**
   * TV preferred focus (see documentation for the View component).
   */
-  hasTVPreferredFocus?: boolean,
+  hasTVPreferredFocus?: boolean;

  /**
   * Text to display for blindness accessibility features
   */
-  accessibilityLabel?: string,
+  accessibilityLabel?: string;

  /**
   * If true, disable all interactions for this component.
   */
-  disabled?: boolean,
+  disabled?: boolean;

  /**
   * Used to locate this view in end-to-end tests.
   */
-  testID?: string,
-};
+  testID?: string;
+}

 /**
 * A basic button component that should render nicely on any platform. Supports
@@ -81,7 +88,7 @@ export default class Button extends React.Component<ButtonProps> {
        buttonStyles.push({ backgroundColor: color });
      }
    }
-    const accessibilityStates: AccessibilityState[] = [];
+    const accessibilityStates: AccessibilityStates[] = [];
    if (disabled) {
      buttonStyles.push(styles.buttonDisabled);
      textStyles.push(styles.textDisabled);
@@ -99,9 +106,7 @@ export default class Button extends React.Component<ButtonProps> {
        onPress={onPress}
      >
        <View style={buttonStyles}>
-          <Text style={textStyles}>
-            {formattedTitle}
-          </Text>
+          <Text style={textStyles}>{formattedTitle}</Text>
        </View>
      </TouchableOpacity>
    );
--- a/examples/NavigationPlayground/app/commonComponents/ButtonWithMargin.tsx
+++ b/examples/NavigationPlayground/app/commonComponents/ButtonWithMargin.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import {  Platform, StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 import BaseButton, { ButtonProps } from './Button';

 export const Button = (props: ButtonProps) => (
--- a/examples/NavigationPlayground/app/commonComponents/HeaderButtons.tsx
+++ b/examples/NavigationPlayground/app/commonComponents/HeaderButtons.tsx
@@ -1,9 +1,11 @@
-import DefaultHeaderButtons from 'react-navigation-header-buttons';
 import * as React from 'react';
-import { Platform } from 'react-native';
+import {
+  HeaderButtons as DefaultHeaderButtons,
+  Item,
+} from 'react-navigation-header-buttons';

 export class HeaderButtons extends React.PureComponent {
-  static Item = DefaultHeaderButtons.Item;
+  static Item = Item;

  render() {
    return (
--- a/example/yarn.lock
+++ b/example/yarn.lock
--- a/examples/NavigationPlayground/.babelrc
+++ b/examples/NavigationPlayground/.babelrc
@@ -1,3 +0,0 @@
-{
-  "presets": ["module:metro-react-native-babel-preset"]
-}
--- a/examples/NavigationPlayground/.gitattributes
+++ b/examples/NavigationPlayground/.gitattributes
@@ -1 +0,0 @@
-*.pbxproj -text
--- a/examples/NavigationPlayground/.gitignore
+++ b/examples/NavigationPlayground/.gitignore
@@ -1,60 +0,0 @@
-# OSX
-#
-.DS_Store
-
-# Xcode
-#
-build/
-*.pbxuser
-!default.pbxuser
-*.mode1v3
-!default.mode1v3
-*.mode2v3
-!default.mode2v3
-*.perspectivev3
-!default.perspectivev3
-xcuserdata
-*.xccheckout
-*.moved-aside
-DerivedData
-*.hmap
-*.ipa
-*.xcuserstate
-project.xcworkspace
-
-# Android/IntelliJ
-#
-build/
-.idea
-.gradle
-local.properties
-*.iml
-
-# Visual Studio Code
-#
-.vscode/
-
-# node.js
-#
-node_modules/
-npm-debug.log
-yarn-error.log
-
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-
-# fastlane
-#
-# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
-# screenshots whenever they are needed.
-# For more information about the recommended setup visit:
-# https://docs.fastlane.tools/best-practices/source-control/
-
-*/fastlane/report.xml
-*/fastlane/Preview.html
-*/fastlane/screenshots
-
-# Bundle artifact
-*.jsbundle
--- a/examples/NavigationPlayground/android/.project
+++ b/examples/NavigationPlayground/android/.project
@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<projectDescription>
-	<name>NavigationPlayground</name>
-	<comment>Project NavigationPlayground created by Buildship.</comment>
-	<projects>
-	</projects>
-	<buildSpec>
-		<buildCommand>
-			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
-			<arguments>
-			</arguments>
-		</buildCommand>
-	</buildSpec>
-	<natures>
-		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
-	</natures>
-</projectDescription>
--- a/examples/NavigationPlayground/android/.settings/org.eclipse.buildship.core.prefs
+++ b/examples/NavigationPlayground/android/.settings/org.eclipse.buildship.core.prefs
@@ -1,2 +0,0 @@
-connection.project.dir=
-eclipse.preferences.version=1
--- a/examples/NavigationPlayground/android/app/.classpath
+++ b/examples/NavigationPlayground/android/app/.classpath
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<classpath>
-	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8/"/>
-	<classpathentry kind="con" path="org.eclipse.buildship.core.gradleclasspathcontainer"/>
-	<classpathentry kind="output" path="bin/default"/>
-</classpath>
--- a/examples/NavigationPlayground/android/app/.project
+++ b/examples/NavigationPlayground/android/app/.project
@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<projectDescription>
-	<name>app</name>
-	<comment>Project app created by Buildship.</comment>
-	<projects>
-	</projects>
-	<buildSpec>
-		<buildCommand>
-			<name>org.eclipse.jdt.core.javabuilder</name>
-			<arguments>
-			</arguments>
-		</buildCommand>
-		<buildCommand>
-			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
-			<arguments>
-			</arguments>
-		</buildCommand>
-	</buildSpec>
-	<natures>
-		<nature>org.eclipse.jdt.core.javanature</nature>
-		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
-	</natures>
-</projectDescription>
--- a/examples/NavigationPlayground/android/app/.settings/org.eclipse.buildship.core.prefs
+++ b/examples/NavigationPlayground/android/app/.settings/org.eclipse.buildship.core.prefs
@@ -1,2 +0,0 @@
-connection.project.dir=..
-eclipse.preferences.version=1
--- a/examples/NavigationPlayground/android/app/BUCK
+++ b/examples/NavigationPlayground/android/app/BUCK
@@ -1,65 +0,0 @@
-# To learn about Buck see [Docs](https://buckbuild.com/).
-# To run your application with Buck:
-# - install Buck
-# - `npm start` - to start the packager
-# - `cd android`
-# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
-# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
-# - `buck install -r android/app` - compile, install and run application
-#
-
-lib_deps = []
-
-for jarfile in glob(['libs/*.jar']):
-  name = 'jars__' + jarfile[jarfile.rindex('/') + 1: jarfile.rindex('.jar')]
-  lib_deps.append(':' + name)
-  prebuilt_jar(
-    name = name,
-    binary_jar = jarfile,
-  )
-
-for aarfile in glob(['libs/*.aar']):
-  name = 'aars__' + aarfile[aarfile.rindex('/') + 1: aarfile.rindex('.aar')]
-  lib_deps.append(':' + name)
-  android_prebuilt_aar(
-    name = name,
-    aar = aarfile,
-  )
-
-android_library(
-    name = "all-libs",
-    exported_deps = lib_deps,
-)
-
-android_library(
-    name = "app-code",
-    srcs = glob([
-        "src/main/java/**/*.java",
-    ]),
-    deps = [
-        ":all-libs",
-        ":build_config",
-        ":res",
-    ],
-)
-
-android_build_config(
-    name = "build_config",
-    package = "com.navigationplayground",
-)
-
-android_resource(
-    name = "res",
-    package = "com.navigationplayground",
-    res = "src/main/res",
-)
-
-android_binary(
-    name = "app",
-    keystore = "//android/keystores:debug",
-    manifest = "src/main/AndroidManifest.xml",
-    package_type = "debug",
-    deps = [
-        ":app-code",
-    ],
-)
--- a/examples/NavigationPlayground/android/app/build.gradle
+++ b/examples/NavigationPlayground/android/app/build.gradle
@@ -1,153 +0,0 @@
-apply plugin: "com.android.application"
-
-import com.android.build.OutputFile
-
-/**
- * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
- * and bundleReleaseJsAndAssets).
- * These basically call `react-native bundle` with the correct arguments during the Android build
- * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
- * bundle directly from the development server. Below you can see all the possible configurations
- * and their defaults. If you decide to add a configuration block, make sure to add it before the
- * `apply from: "../../node_modules/react-native/react.gradle"` line.
- *
- * project.ext.react = [
- *   // the name of the generated asset file containing your JS bundle
- *   bundleAssetName: "index.android.bundle",
- *
- *   // the entry file for bundle generation
- *   entryFile: "index.android.js",
- *
- *   // whether to bundle JS and assets in debug mode
- *   bundleInDebug: false,
- *
- *   // whether to bundle JS and assets in release mode
- *   bundleInRelease: true,
- *
- *   // whether to bundle JS and assets in another build variant (if configured).
- *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
- *   // The configuration property can be in the following formats
- *   //         'bundleIn${productFlavor}${buildType}'
- *   //         'bundleIn${buildType}'
- *   // bundleInFreeDebug: true,
- *   // bundleInPaidRelease: true,
- *   // bundleInBeta: true,
- *
- *   // whether to disable dev mode in custom build variants (by default only disabled in release)
- *   // for example: to disable dev mode in the staging build type (if configured)
- *   devDisabledInStaging: true,
- *   // The configuration property can be in the following formats
- *   //         'devDisabledIn${productFlavor}${buildType}'
- *   //         'devDisabledIn${buildType}'
- *
- *   // the root of your project, i.e. where "package.json" lives
- *   root: "../../",
- *
- *   // where to put the JS bundle asset in debug mode
- *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
- *
- *   // where to put the JS bundle asset in release mode
- *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
- *
- *   // where to put drawable resources / React Native assets, e.g. the ones you use via
- *   // require('./image.png')), in debug mode
- *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
- *
- *   // where to put drawable resources / React Native assets, e.g. the ones you use via
- *   // require('./image.png')), in release mode
- *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
- *
- *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
- *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
- *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
- *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
- *   // for example, you might want to remove it from here.
- *   inputExcludes: ["android/**", "ios/**"],
- *
- *   // override which node gets called and with what additional arguments
- *   nodeExecutableAndArgs: ["node"],
- *
- *   // supply additional arguments to the packager
- *   extraPackagerArgs: []
- * ]
- */
-
-project.ext.react = [
-    entryFile: "index.js"
-]
-
-apply from: "../../node_modules/react-native/react.gradle"
-
-/**
- * Set this to true to create two separate APKs instead of one:
- *   - An APK that only works on ARM devices
- *   - An APK that only works on x86 devices
- * The advantage is the size of the APK is reduced by about 4MB.
- * Upload all the APKs to the Play Store and people will download
- * the correct one based on the CPU architecture of their device.
- */
-def enableSeparateBuildPerCPUArchitecture = false
-
-/**
- * Run Proguard to shrink the Java bytecode in release builds.
- */
-def enableProguardInReleaseBuilds = false
-
-android {
-    compileSdkVersion rootProject.ext.compileSdkVersion
-    buildToolsVersion rootProject.ext.buildToolsVersion
-
-    defaultConfig {
-        applicationId "com.navigationplayground"
-        minSdkVersion rootProject.ext.minSdkVersion
-        targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 1
-        versionName "1.0"
-        ndk {
-            abiFilters "armeabi-v7a", "x86"
-        }
-    }
-    splits {
-        abi {
-            reset()
-            enable enableSeparateBuildPerCPUArchitecture
-            universalApk false  // If true, also generate a universal APK
-            include "armeabi-v7a", "x86"
-        }
-    }
-    buildTypes {
-        release {
-            minifyEnabled enableProguardInReleaseBuilds
-            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
-        }
-    }
-    // applicationVariants are e.g. debug, release
-    applicationVariants.all { variant ->
-        variant.outputs.each { output ->
-            // For each separate APK per architecture, set a unique version code as described here:
-            // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
-            def versionCodes = ["armeabi-v7a":1, "x86":2]
-            def abi = output.getFilter(OutputFile.ABI)
-            if (abi != null) {  // null for the universal-debug, universal-release variants
-                output.versionCodeOverride =
-                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
-            }
-        }
-    }
-}
-
-dependencies {
-    compile project(':react-native-blur')
-    compile project(':react-native-vector-icons')
-    compile project(':react-native-gesture-handler')
-    implementation fileTree(dir: "libs", include: ["*.jar"])
-    implementation "com.android.support:appcompat-v7:${rootProject.ext.supportLibVersion}"
-    implementation "com.facebook.react:react-native:+"  // From node_modules
-}
-
-// Run this once to be able to run the application with BUCK
-// puts all compile dependencies into folder libs for BUCK to use
-task copyDownloadableDepsToLibs(type: Copy) {
-    from configurations.compile
-    into 'libs'
-}
--- a/examples/NavigationPlayground/android/app/proguard-rules.pro
+++ b/examples/NavigationPlayground/android/app/proguard-rules.pro
@@ -1,17 +0,0 @@
-# Add project specific ProGuard rules here.
-# By default, the flags in this file are appended to flags specified
-# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
-# You can edit the include path and order by changing the proguardFiles
-# directive in build.gradle.
-#
-# For more details, see
-#   http://developer.android.com/guide/developing/tools/proguard.html
-
-# Add any project specific keep options here:
-
-# If your project uses WebView with JS, uncomment the following
-# and specify the fully qualified class name to the JavaScript interface
-# class:
-#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
-#   public *;
-#}
--- a/examples/NavigationPlayground/android/app/src/main/AndroidManifest.xml
+++ b/examples/NavigationPlayground/android/app/src/main/AndroidManifest.xml
@@ -1,26 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.navigationplayground">
-
-    <uses-permission android:name="android.permission.INTERNET" />
-    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
-
-    <application
-      android:name=".MainApplication"
-      android:label="@string/app_name"
-      android:icon="@mipmap/ic_launcher"
-      android:allowBackup="false"
-      android:theme="@style/AppTheme">
-      <activity
-        android:name=".MainActivity"
-        android:label="@string/app_name"
-        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
-        android:windowSoftInputMode="adjustResize">
-        <intent-filter>
-            <action android:name="android.intent.action.MAIN" />
-            <category android:name="android.intent.category.LAUNCHER" />
-        </intent-filter>
-      </activity>
-      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
-    </application>
-
-</manifest>
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/AntDesign.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/AntDesign.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/Entypo.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/Entypo.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/EvilIcons.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/EvilIcons.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/Feather.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/Feather.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/FontAwesome.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/FontAwesome.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/Foundation.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/Foundation.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/Ionicons.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/Ionicons.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/MaterialIcons.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/MaterialIcons.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/Octicons.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/Octicons.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/SimpleLineIcons.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/SimpleLineIcons.ttf
--- a/examples/NavigationPlayground/android/app/src/main/assets/fonts/Zocial.ttf
+++ b/examples/NavigationPlayground/android/app/src/main/assets/fonts/Zocial.ttf
--- a/examples/NavigationPlayground/android/app/src/main/java/com/navigationplayground/MainActivity.java
+++ b/examples/NavigationPlayground/android/app/src/main/java/com/navigationplayground/MainActivity.java
@@ -1,28 +0,0 @@
-package com.navigationplayground;
-
-import com.facebook.react.ReactActivity;
-import com.facebook.react.ReactActivityDelegate;
-import com.facebook.react.ReactRootView;
-import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
-
-public class MainActivity extends ReactActivity {
-
-    /**
-     * Returns the name of the main component registered from JavaScript. This is
-     * used to schedule rendering of the component.
-     */
-    @Override
-    protected String getMainComponentName() {
-        return "NavigationPlayground";
-    }
-
-    @Override
-    protected ReactActivityDelegate createReactActivityDelegate() {
-        return new ReactActivityDelegate(this, getMainComponentName()) {
-            @Override
-            protected ReactRootView createRootView() {
-                return new RNGestureHandlerEnabledRootView(MainActivity.this);
-            }
-        };
-    }
-}
--- a/examples/NavigationPlayground/android/app/src/main/java/com/navigationplayground/MainApplication.java
+++ b/examples/NavigationPlayground/android/app/src/main/java/com/navigationplayground/MainApplication.java
@@ -1,51 +0,0 @@
-package com.navigationplayground;
-
-import android.app.Application;
-
-import com.facebook.react.ReactApplication;
-import com.cmcewen.blurview.BlurViewPackage;
-import com.oblador.vectoricons.VectorIconsPackage;
-import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;
-import com.facebook.react.ReactNativeHost;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.shell.MainReactPackage;
-import com.facebook.soloader.SoLoader;
-
-import java.util.Arrays;
-import java.util.List;
-
-public class MainApplication extends Application implements ReactApplication {
-
-  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
-    @Override
-    public boolean getUseDeveloperSupport() {
-      return BuildConfig.DEBUG;
-    }
-
-    @Override
-    protected List<ReactPackage> getPackages() {
-      return Arrays.<ReactPackage>asList(
-          new MainReactPackage(),
-            new BlurViewPackage(),
-            new VectorIconsPackage(),
-            new RNGestureHandlerPackage()
-      );
-    }
-
-    @Override
-    protected String getJSMainModuleName() {
-      return "index";
-    }
-  };
-
-  @Override
-  public ReactNativeHost getReactNativeHost() {
-    return mReactNativeHost;
-  }
-
-  @Override
-  public void onCreate() {
-    super.onCreate();
-    SoLoader.init(this, /* native exopackage */ false);
-  }
-}
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
--- a/examples/NavigationPlayground/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
+++ b/examples/NavigationPlayground/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png
--- a/examples/NavigationPlayground/android/app/src/main/res/values/strings.xml
+++ b/examples/NavigationPlayground/android/app/src/main/res/values/strings.xml
@@ -1,3 +0,0 @@
-<resources>
-    <string name="app_name">NavigationPlayground</string>
-</resources>
--- a/examples/NavigationPlayground/android/app/src/main/res/values/styles.xml
+++ b/examples/NavigationPlayground/android/app/src/main/res/values/styles.xml
@@ -1,8 +0,0 @@
-<resources>
-
-    <!-- Base application theme. -->
-    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
-        <!-- Customize your theme here. -->
-    </style>
-
-</resources>
--- a/examples/NavigationPlayground/android/build.gradle
+++ b/examples/NavigationPlayground/android/build.gradle
@@ -1,39 +0,0 @@
-// Top-level build file where you can add configuration options common to all sub-projects/modules.
-
-buildscript {
-    ext {
-        buildToolsVersion = "27.0.3"
-        minSdkVersion = 16
-        compileSdkVersion = 27
-        targetSdkVersion = 26
-        supportLibVersion = "27.1.1"
-    }
-    repositories {
-        google()
-        jcenter()
-    }
-    dependencies {
-        classpath 'com.android.tools.build:gradle:3.1.4'
-
-        // NOTE: Do not place your application dependencies here; they belong
-        // in the individual module build.gradle files
-    }
-}
-
-allprojects {
-    repositories {
-        mavenLocal()
-        google()
-        jcenter()
-        maven {
-            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
-            url "$rootDir/../node_modules/react-native/android"
-        }
-    }
-}
-
-
-task wrapper(type: Wrapper) {
-    gradleVersion = '4.4'
-    distributionUrl = distributionUrl.replace("bin", "all")
-}
--- a/examples/NavigationPlayground/android/gradle.properties
+++ b/examples/NavigationPlayground/android/gradle.properties
@@ -1,18 +0,0 @@
-# Project-wide Gradle settings.
-
-# IDE (e.g. Android Studio) users:
-# Gradle settings configured through the IDE *will override*
-# any settings specified in this file.
-
-# For more details on how to configure your build environment visit
-# http://www.gradle.org/docs/current/userguide/build_environment.html
-
-# Specifies the JVM arguments used for the daemon process.
-# The setting is particularly useful for tweaking memory settings.
-# Default value: -Xmx10248m -XX:MaxPermSize=256m
-# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
-
-# When configured, Gradle will run in incubating parallel mode.
-# This option should only be used with decoupled projects. More details, visit
-# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
-# org.gradle.parallel=true
--- a/examples/NavigationPlayground/android/gradle/wrapper/gradle-wrapper.jar
+++ b/examples/NavigationPlayground/android/gradle/wrapper/gradle-wrapper.jar
--- a/examples/NavigationPlayground/android/gradle/wrapper/gradle-wrapper.properties
+++ b/examples/NavigationPlayground/android/gradle/wrapper/gradle-wrapper.properties
@@ -1,5 +0,0 @@
-distributionBase=GRADLE_USER_HOME
-distributionPath=wrapper/dists
-zipStoreBase=GRADLE_USER_HOME
-zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip
--- a/examples/NavigationPlayground/android/gradlew
+++ b/examples/NavigationPlayground/android/gradlew
@@ -1,172 +0,0 @@
-#!/usr/bin/env sh
-
-##############################################################################
-##
-##  Gradle start up script for UN*X
-##
-##############################################################################
-
-# Attempt to set APP_HOME
-# Resolve links: $0 may be a link
-PRG="$0"
-# Need this for relative symlinks.
-while [ -h "$PRG" ] ; do
-    ls=`ls -ld "$PRG"`
-    link=`expr "$ls" : '.*-> \(.*\)$'`
-    if expr "$link" : '/.*' > /dev/null; then
-        PRG="$link"
-    else
-        PRG=`dirname "$PRG"`"/$link"
-    fi
-done
-SAVED="`pwd`"
-cd "`dirname \"$PRG\"`/" >/dev/null
-APP_HOME="`pwd -P`"
-cd "$SAVED" >/dev/null
-
-APP_NAME="Gradle"
-APP_BASE_NAME=`basename "$0"`
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS=""
-
-# Use the maximum available, or set MAX_FD != -1 to use that value.
-MAX_FD="maximum"
-
-warn () {
-    echo "$*"
-}
-
-die () {
-    echo
-    echo "$*"
-    echo
-    exit 1
-}
-
-# OS specific support (must be 'true' or 'false').
-cygwin=false
-msys=false
-darwin=false
-nonstop=false
-case "`uname`" in
-  CYGWIN* )
-    cygwin=true
-    ;;
-  Darwin* )
-    darwin=true
-    ;;
-  MINGW* )
-    msys=true
-    ;;
-  NONSTOP* )
-    nonstop=true
-    ;;
-esac
-
-CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
-
-# Determine the Java command to use to start the JVM.
-if [ -n "$JAVA_HOME" ] ; then
-    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
-        # IBM's JDK on AIX uses strange locations for the executables
-        JAVACMD="$JAVA_HOME/jre/sh/java"
-    else
-        JAVACMD="$JAVA_HOME/bin/java"
-    fi
-    if [ ! -x "$JAVACMD" ] ; then
-        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-    fi
-else
-    JAVACMD="java"
-    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-fi
-
-# Increase the maximum file descriptors if we can.
-if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
-    MAX_FD_LIMIT=`ulimit -H -n`
-    if [ $? -eq 0 ] ; then
-        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
-            MAX_FD="$MAX_FD_LIMIT"
-        fi
-        ulimit -n $MAX_FD
-        if [ $? -ne 0 ] ; then
-            warn "Could not set maximum file descriptor limit: $MAX_FD"
-        fi
-    else
-        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
-    fi
-fi
-
-# For Darwin, add options to specify how the application appears in the dock
-if $darwin; then
-    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
-fi
-
-# For Cygwin, switch paths to Windows format before running java
-if $cygwin ; then
-    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
-    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
-    JAVACMD=`cygpath --unix "$JAVACMD"`
-
-    # We build the pattern for arguments to be converted via cygpath
-    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
-    SEP=""
-    for dir in $ROOTDIRSRAW ; do
-        ROOTDIRS="$ROOTDIRS$SEP$dir"
-        SEP="|"
-    done
-    OURCYGPATTERN="(^($ROOTDIRS))"
-    # Add a user-defined pattern to the cygpath arguments
-    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
-        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
-    fi
-    # Now convert the arguments - kludge to limit ourselves to /bin/sh
-    i=0
-    for arg in "$@" ; do
-        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
-        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
-
-        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
-            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
-        else
-            eval `echo args$i`="\"$arg\""
-        fi
-        i=$((i+1))
-    done
-    case $i in
-        (0) set -- ;;
-        (1) set -- "$args0" ;;
-        (2) set -- "$args0" "$args1" ;;
-        (3) set -- "$args0" "$args1" "$args2" ;;
-        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
-        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
-        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
-        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
-        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
-        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
-    esac
-fi
-
-# Escape application args
-save () {
-    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
-    echo " "
-}
-APP_ARGS=$(save "$@")
-
-# Collect all arguments for the java command, following the shell quoting and substitution rules
-eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
-
-# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
-if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
-  cd "$(dirname "$0")"
-fi
-
-exec "$JAVACMD" "$@"
--- a/examples/NavigationPlayground/android/gradlew.bat
+++ b/examples/NavigationPlayground/android/gradlew.bat
@@ -1,84 +0,0 @@
-@if "%DEBUG%" == "" @echo off
-@rem ##########################################################################
-@rem
-@rem  Gradle startup script for Windows
-@rem
-@rem ##########################################################################
-
-@rem Set local scope for the variables with windows NT shell
-if "%OS%"=="Windows_NT" setlocal
-
-set DIRNAME=%~dp0
-if "%DIRNAME%" == "" set DIRNAME=.
-set APP_BASE_NAME=%~n0
-set APP_HOME=%DIRNAME%
-
-@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-set DEFAULT_JVM_OPTS=
-
-@rem Find java.exe
-if defined JAVA_HOME goto findJavaFromJavaHome
-
-set JAVA_EXE=java.exe
-%JAVA_EXE% -version >NUL 2>&1
-if "%ERRORLEVEL%" == "0" goto init
-
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:findJavaFromJavaHome
-set JAVA_HOME=%JAVA_HOME:"=%
-set JAVA_EXE=%JAVA_HOME%/bin/java.exe
-
-if exist "%JAVA_EXE%" goto init
-
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:init
-@rem Get command-line arguments, handling Windows variants
-
-if not "%OS%" == "Windows_NT" goto win9xME_args
-
-:win9xME_args
-@rem Slurp the command line arguments.
-set CMD_LINE_ARGS=
-set _SKIP=2
-
-:win9xME_args_slurp
-if "x%~1" == "x" goto execute
-
-set CMD_LINE_ARGS=%*
-
-:execute
-@rem Setup the command line
-
-set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
-
-@rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
-
-:end
-@rem End local scope for the variables with windows NT shell
-if "%ERRORLEVEL%"=="0" goto mainEnd
-
-:fail
-rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
-rem the _cmd.exe /c_ return code!
-if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
-exit /b 1
-
-:mainEnd
-if "%OS%"=="Windows_NT" endlocal
-
-:omega
--- a/examples/NavigationPlayground/android/keystores/BUCK
+++ b/examples/NavigationPlayground/android/keystores/BUCK
@@ -1,8 +0,0 @@
-keystore(
-    name = "debug",
-    properties = "debug.keystore.properties",
-    store = "debug.keystore",
-    visibility = [
-        "PUBLIC",
-    ],
-)
--- a/examples/NavigationPlayground/android/keystores/debug.keystore.properties
+++ b/examples/NavigationPlayground/android/keystores/debug.keystore.properties
@@ -1,4 +0,0 @@
-key.store=debug.keystore
-key.alias=androiddebugkey
-key.store.password=android
-key.alias.password=android
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Satyajit Sahoo	848da3e2dd	chore: release 4.1.1	2020-02-04 23:31:48 +01:00
Satyajit Sahoo	4cff366a0d	fix: make sure index.js is common js	2020-02-04 23:31:32 +01:00
Satyajit Sahoo	0fb81cf926	fix: don't use declare module for type definitions	2020-02-04 23:31:31 +01:00
Satyajit Sahoo	e80c96a4eb	chore: update LICENSE	2020-02-01 02:06:03 +01:00
Satyajit Sahoo	c147129152	chore: fix node version in CI	2020-01-29 17:43:44 +01:00
Satyajit Sahoo	4b176d3581	chore: release 4.1.0	2020-01-29 14:54:27 +01:00
Satyajit Sahoo	475c390fea	chore: update dependencies	2020-01-29 14:52:14 +01:00
William Candillon	ef83e73a95	feat: make `ScreenProps` parametrizable in TypeScript (#6496 ) This change allows for the following to be written: ```tsx const TreatmentPlanDrawerItem = createStackNavigator( { Screen: { screen: Screen, // t is of type i18next.TFunction via the type casting below. navigationOptions: ({ screenProps }) => ({ title: screenProps.t('title'), }) }, } as NavigationRouteConfigMap< NavigationStackOptions, NavigationStackProp<NavigationRoute, any>, { t: i18next.TFunction } > ); ```	2020-01-23 15:41:22 +01:00
Mattia Asti	ccb1f612d8	fix: wrong type in react-navigation.d.ts (#6486 ) This code is actually throwing a type error because of a wrong type declaration with the action expecting to be only a `NavigationNavigateAction` while in reality any action can be dispatched not only the `navigate`. ```jsx StackActions.replace({ routeName: 'MyRoute1', // this action is throwing a type error action: StackActions.push({ routeName: 'MyRoute2', }), }), ```	2020-01-23 15:40:08 +01:00
alburkerk	2931badefc	feat: allow navigation params to be typed in navigate method (#6444 ) Motivation We can type navigation params in component by writing something like this in component props declaration : export interface SomeNavigationParams { foo: string; bar: number; } export interface Props { navigation: NavigationScreenProp<any, SomeNavigationParams>; } But when we are navigating to this screen, we only call navigate method without any type checking. // Next line doesn't trigger ts error this.props.navigation.navigate('MyRouteName', { foo: "foo", bar: "bar"}) By making navigate a generic method, we can type those params correctly import { SomeNavigationParams } from '@Screens/....../SomeScreen.types.ts' ...... // Next line triggers an error this.props.navigation.navigate<SomeNavigationParams>('MyRouteName', { foo: "foo", bar: "bar"}); ...... Test plan No .js code so it's can't be breaking anything. Plus, can't also break typing as changes are seamless for react-navigation API.	2020-01-23 12:19:32 +01:00
Frieder Bluemle	e31d63a6f4	Fix typos (#6388 )	2020-01-23 12:17:14 +01:00
Frieder Bluemle	43cc9a6874	Fix typos (#6579 )	2020-01-23 12:16:52 +01:00
Satyajit Sahoo	9a3eb3a6ac	chore: update issue template	2020-01-11 16:46:15 +01:00
Satyajit Sahoo	683892e8ab	fix: remove drawer methods from navigation prop	2020-01-04 15:41:46 +01:00
Satyajit Sahoo	4278291650	chore: upgrade depenendecies	2020-01-04 15:40:30 +01:00
imgbot[bot]	19470a1e02	chore: optimize images (#6544 ) *Total -- 138.77kb -> 80.11kb (42.27%) /example/src/assets/splash.png -- 133.30kb -> 75.22kb (43.57%) /example/src/assets/dog-back.png -- 4.55kb -> 3.98kb (12.57%) /example/src/assets/back.png -- 0.92kb -> 0.91kb (0.96%) Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com> Co-authored-by: Imgbot <help@imgbot.net>	2020-01-03 11:37:07 +01:00
Satyajit Sahoo	5b60a2ee03	chore: close stale issues automatically	2019-11-18 02:08:33 +01:00
KUBO	ace2cd0c6c	fix: remove params in NavigationJumpToAction (#6360 ) * fix: remove params in NavigationJumpToAction * Update react-navigation.d.ts	2019-10-16 16:12:33 +02:00
KUBO	f2d16abf75	fix: make params required in NavigationSetParamsActionPayload (#6343 )	2019-09-29 23:36:15 +02:00
Brent Vatne	2e34cb1e38	chore: release 4.0.10	2019-09-25 17:54:13 -07:00
Brent Vatne	188bd33442	fix: update link to docs page from deprecation messages	2019-09-25 17:47:20 -07:00
Ashoat Tevosyan	94d6ccada4	[flow] Remove Flow libdef from repo (#6327 )	2019-09-25 17:45:49 -07:00
satyajit.happy	246f4b0e15	chore: release 4.0.9	2019-09-24 13:23:53 +02:00
satyajit.happy	c828050ba1	fix: fix types for switch navigator. fixes #6324	2019-09-24 13:16:11 +02:00
satyajit.happy	5eaec68860	chore: release 4.0.8	2019-09-23 22:35:38 +02:00
satyajit.happy	6142f06bbd	fix: add type aliases for switch navigator. fixes #6324	2019-09-23 22:34:14 +02:00
satyajit.happy	d342812102	chore: release 4.0.7	2019-09-22 00:30:34 +02:00
satyajit.happy	5c13cea6c9	fix: accept type parameter for screenProps	2019-09-22 00:29:42 +02:00
satyajit.happy	2433071930	chore: release 4.0.6	2019-09-19 16:49:24 +02:00
satyajit.happy	dd03234e2d	fix: fix typings for switch navigator. fixes #6310	2019-09-19 16:46:28 +02:00
satyajit.happy	3bd15d3f8b	refactor: don't use export * to reexport deprecations	2019-09-19 16:30:32 +02:00
Nicholas Lee	2b27bcd134	fix: fix the type of NavigationJumpToActionPayload (#6210 ) As mentioned in https://reactnavigation.org/docs/en/switch-actions.html the param which's name is 'key' of `SwitchActions.jumpTo()` should be optional	2019-09-16 13:07:43 +02:00
Jeremy	3aee211c73	docs: add the readme back into example (#6284 )	2019-09-16 13:01:55 +02:00
satyajit.happy	531686ea8e	chore: release 4.0.5	2019-09-14 15:58:08 +02:00
satyajit.happy	951afa5fb1	fix: update react-navigation/core	2019-09-14 15:56:09 +02:00
satyajit.happy	61e71ee09f	chore: use proper types for stack in example	2019-09-12 16:31:48 +02:00
satyajit.happy	d9e1a5ee25	chore: release 4.0.4	2019-09-12 16:15:20 +02:00
satyajit.happy	e3d2ce12c3	fix: improve type definitions	2019-09-12 16:14:48 +02:00
satyajit.happy	d1ec360902	chore: release 4.0.3	2019-09-11 16:48:36 +02:00
satyajit.happy	8c5eba700d	fix: fix type definitions	2019-09-11 16:48:05 +02:00
satyajit.happy	d6232860c5	chore: release 4.0.2	2019-09-09 23:02:06 +02:00
satyajit.happy	e7028ce75a	fix: fix typo in definitions	2019-09-09 23:01:45 +02:00
satyajit.happy	523cf17f8e	chore: release 4.0.1	2019-09-09 16:27:01 +02:00
satyajit.happy	11458a9f73	chore: fix missing import in example	2019-09-09 16:23:57 +02:00
satyajit.happy	2744c53843	fix: update typescript definitions. closes #6276	2019-09-09 16:22:08 +02:00
Taylor Kline	4e7f9f07ee	docs: add Changelog information to README (#6264 ) Now that there is no longer a `CHANGELOG.md` file, this should address concerns of users who come to the Github repository looking for release notes.	2019-09-07 16:06:39 +02:00
Brent Vatne	97016c4498	fix: status bars in example	2019-09-03 16:24:26 -07:00
jamsch	b83c4bb379	fix(deprecations) typo in package name (#6245 )	2019-09-02 13:11:42 -05:00
satyajit.happy	136db984ee	docs: fix license in README	2019-09-01 23:59:58 +02:00
satyajit.happy	de6921061e	docs: remove changelog file	2019-09-01 23:13:51 +02:00
satyajit.happy	25b97b235b	chore: release 4.0.0	2019-08-31 12:34:00 +02:00
satyajit.happy	a12cb97b1d	chore: update yarn.lock	2019-08-31 12:33:27 +02:00
satyajit.happy	9bdf5fa784	chore: prepare for 4.x	2019-08-31 12:29:57 +02:00
Brent Vatne	81a9dc2071	Release 3.12.1	2019-08-26 09:54:02 -07:00
Brent Vatne	3009429d72	Release 3.12.0	2019-08-26 09:52:28 -07:00
Levi Buzolic	c636f5ab47	Export NavigationContext and ScrollView in flow types (#6152 ) These two types are missing entirely from the flow definition, while they're incomplete they at least prevent flow from complaining that they're not defined at all. I decided against copying the `ScrollView` types from `react-native` as they're really quite complex and likely to fall out-of-sync with the implementation in `react-native`. So instead I'd recommend overriding the types when consuming using something like: ```js import {ScrollView as NativeScrollView} from 'react-native'; import {ScrollView as NavigationScrollView} from 'react-navigation'; const ScrollView: React.ComponentType<typeof NativeScrollView>) = NavigationScrollView; ```	2019-08-08 21:25:21 -07:00
Maxime Aubaret	2b6ad6a3c6	Fix NavigationParams on NavigationState (#6164 )	2019-08-08 21:24:11 -07:00
Brent Vatne	42dcfd6622	Update navigation playground app	2019-07-31 16:57:52 -07:00
Lucas Vieira	edc4ace200	Add NavigationSwitchAction to NavigationAction typescript (#6124 )	2019-07-25 22:49:13 -05:00
Brent Vatne	5ae94601be	Fix example postinstall	2019-07-25 16:39:39 -07:00
Radosław Szalski	e87014519b	Fixed a typo in TransitionConfig Flow comment (#6084 )	2019-07-13 09:52:05 -07:00
Brent Vatne	ae59cf2d97	Reelase 3.11.1	2019-07-12 11:51:21 -07:00
Brent Vatne	928efd5fb1	Add unmountInactiveRoutes to TS	2019-07-12 11:49:58 -07:00
Diego	cb47a55fc5	fix: add missing TS definition for keyboardHidesTabBar in TabViewConfig.tabBarOptions (#6054 )	2019-07-12 11:48:35 -07:00
Preeternal	5dbfc3543f	flow cover for getActiveChildNavigationOptions (#6018 ) * declare export function getActiveChildNavigationOptions * some changes * some changes * any * make some changes * NavigationScreenProp * options	2019-07-10 15:05:21 -04:00
Soner Köksal	8361745f3e	fix: add missing in HeaderBackButtonProps in flow and TS definitions (#6048 )	2019-07-01 15:10:36 +02:00
Vladyslav Shchepotin	b05cdcb076	fix: add missing isFirstRouteInParent type in typescript and flow (#6019 )	2019-06-19 23:05:02 +02:00
Stefan Streur	14e2df66d5	fix: add headerTitleContainerStyle to NavigationStackScreenOptions type (#5969 )	2019-06-04 10:13:29 +02:00
Chau Tran	a862ebd451	fix: fix navigationOptions type in NavigationScreenConfig<Options> (#5962 ) - `NavigationScreenProp<NavigationRoute>` is the type of `navigation` property which contains `state` and such. This is not applicable to `navigationOptions` at all.	2019-06-04 10:12:41 +02:00
Scotty Waggoner	35625ded74	fix: update StackActions.popToTop type to make options arg optional (#5950 )	2019-06-04 10:11:39 +02:00
Daniel Holmes	65632779c2	fix: add reset to navigation screen prop TypeScript def (#5942 ) As described in documentation here: https://reactnavigation.org/docs/en/navigation-prop.html#reset	2019-05-28 12:27:20 +02:00
Bruno Castro	26ca0639bc	chore: add expo to NavigationPlayground (#5898 )	2019-05-19 12:53:42 +02:00
satyajit.happy	255a87a463	chore: update lockfile	2019-05-19 12:50:47 +02:00
satyajit.happy	76590e31d9	chore: release 3.11.0	2019-05-18 15:46:47 +02:00
satyajit.happy	a3092ab17d	feat: export SwitchActions. closes #5916	2019-05-18 15:46:37 +02:00
satyajit.happy	338d5c2364	chore: bump version	2019-05-17 19:55:12 +02:00
satyajit.happy	40e7ff1655	chore: release 3.10.1	2019-05-17 19:54:00 +02:00
satyajit.happy	d1419cd2ed	fix: upgrade react-navigation-tabs. closes #5914	2019-05-17 19:53:49 +02:00
William Schurman	cd342935a1	Add cardShadowEnabled and cardOverlayEnabled to NavigationStackViewConfig flow type (#5918 ) * Add cardShadowEnabled and cardOverlayEnabled to NavigationStackViewConfig flow type * Update changelog	2019-05-17 11:52:24 -04:00
Brent Vatne	97d21c39be	Release 3.10.0	2019-05-16 11:14:11 -07:00
Luong Dang Hai	2f38d420aa	remove old exports and add export for SceneView and SwitchRouter (#5872 ) * remove old exports and add export for SceneView and SwitchRouter * Update CHANGELOG.md * add type arg to NavigationScreenProp	2019-05-15 20:24:51 -07:00
Timmy Willison	6d9bc8d869	Add safeAreaInset type to BottomTabBarProps (#5906 ) * Add safeAreaInset type to BottomTabBarProps * Update CHANGELOG.md	2019-05-15 20:24:12 -07:00
satyajit.happy	8e57aae5cf	chore: release 3.9.2	2019-05-15 11:24:45 +02:00
satyajit.happy	b464e15718	chore: upgrade react-navigation-tabs	2019-05-15 11:23:25 +02:00
Seth	a874d5774c	Add resetOnBlur type (#5868 ) * Add resetOnBlur type * Move resetOnBlur to correct interface * Revert mistaken change to interface name	2019-05-08 11:57:52 -07:00
Luong Dang Hai	96cb00b5a6	correct getLabel to getLabelText (#5865 ) * correct getLabel to getLabelText * Update CHANGELOG.md	2019-05-02 18:53:08 -07:00
Tianyu Xie	9a8a34636d	Update react-navigation.d.ts (#5860 ) * Update react-navigation.d.ts * Update CHANGELOG.md	2019-04-30 13:38:25 -07:00
Isaac Clements	950d5ef6d2	`TabBarTop` is `MaterialTopTabBar` now (#5856 )	2019-04-29 16:54:51 -07:00
satyajit.happy	542122794a	chore: release 3.9.1	2019-04-25 10:58:46 +02:00
satyajit.happy	4c81fbefc3	chore: update react-navigation-core	2019-04-25 10:58:30 +02:00
Brent Vatne	bd2daa809f	Release 3.9.0	2019-04-23 11:55:40 -07:00
mlodato517	5e07cd2601	Removes duplicate NavigationInjectedProps export (#5828 )	2019-04-18 18:13:18 -07:00
Ashoat Tevosyan	cd22810be6	[flow] Fix NavigationScreenProp.getParam type (#5830 ) In my last PR I flipped the order of these around to fix an error, but turns out that was just crippling the type. The correct solution here, to guarantee that the `$PropertyType` won't error if its type parameter don't have the property, is to use an unsealed object type. Some additional context in discussion on #5806.	2019-04-18 18:12:31 -07:00
Edmundo Santos	3f8a4d491c	Add missing types for DrawerNavigatorConfig (#5820 )	2019-04-17 11:28:25 -07:00
Luong Dang Hai	837fc0bc25	chore: remove createTabNavigator out of ts definition (#5809 ) * chore: remove createTabNavigator out of ts definition * update change log file	2019-04-13 12:57:01 -07:00
Brent Vatne	57d2bbeb96	Release 3.8.1	2019-04-12 15:39:19 -07:00
Brent Vatne	e3c38aefe8	Release 3.8.0	2019-04-12 15:37:54 -07:00
Ashoat Tevosyan	fb7da05beb	[flow] Update for Flow 0.92 (#5806 ) Changes: 1. We can now type React components with static members as `React.ComponentType` (instead of requiring the `StatelessFunctionalComponent`) hack. 2. We can now type-parameterize React components on all of their props, instead of just the ones we care about. Not sure why this wasn't previously. Note: this is a breaking change, in the sense that people's parameterization of `NavigationScreenComponent`, `NavigationNavigator`, and `NavigationContainer` may need to change. 3. The order of object-type-spread in the `getParam` definition has been switched. It was giving errors with the old order. 4. Avoid recursive type inference `NavigationScreenProp`. This was yielding an "* Recursion limit exceeded *" error, which was rather difficult to debug. We can just use a `NavigationState` and let the user cast. 5. Fix `onTransitionStart`/`onTransitionEnd` types in `NavigationStackViewConfig`. 6. Add `navigationConfig` property to `NavigationView`.	2019-04-12 09:31:44 -07:00
jeffreyffs	5d097b92f4	[Typescript] Add type for 'enableURLHandling' (#5803 ) * updated types for 'enableURLHandling' * Updated Changelog	2019-04-10 17:11:32 -07:00
Brent Vatne	60618d5d1d	Release 3.7.1 - Rename 3.7.0 to 3.7.1 basically because I needed to rebase	2019-04-10 11:19:50 -07:00
Brent Vatne	28e1753434	Release 3.7.0	2019-04-10 11:18:13 -07:00
guptaamol	48b1bd965b	Improved TypeScript definition for bottom tab navigationOptions. (#5796 )	2019-04-10 10:35:16 -07:00
Brent Vatne	6e80d7c75a	Update dependencies and lockfile	2019-04-10 10:25:44 -07:00
Ashoat Tevosyan	1c75f17a86	[flow] Fix TabBar types (#5800 ) 1. `TabBarTop` is `MaterialTopTabBar` now 2. `MaterialTopTabBar` does not have a `getButtonComponent` prop (accidentally added in #5648) 3. `BottomTabBar`'s `getButtonComponent` prop is a `React.Component`, not a `React.Node`	2019-04-10 09:35:52 -07:00
Ashoat Tevosyan	e542c84e29	[flow] Support custom navigators using Transitioner (#5801 )	2019-04-10 09:35:30 -07:00
zzzgit	a7265155bd	grammar error (#5768 )	2019-04-05 12:45:48 +02:00
Brent Vatne	69e40950b1	Release 3.6.1	2019-04-02 14:17:27 +02:00
Brent Vatne	3deec699ee	Release 3.6.0	2019-03-31 15:40:19 +02:00
Brent Vatne	2c875e39ae	Add types for back button disabled and NoAnimation transition config	2019-03-31 15:31:40 +02:00
Faustino Kialungila	8788dd77b4	Adding missing getButtonComponent props to flow (#5648 )	2019-03-27 17:01:48 -07:00
Jose G	71cb16dc7f	chore(typescript): export InitialLayout type (#5738 )	2019-03-26 16:14:32 -07:00
alex clifton	445dcfcdf2	unhandled promise rejection failed to delete storage directory (#5727 ) with: await AsyncStorage.clear(); I'm getting this in ios: unhandled promise rejection failed to delete storage directory found this: https://stackoverflow.com/questions/46736268/react-native-asyncstorage-clear-is-failing-on-ios switched to use this instead: await AsyncStorage.getAllKeys().then(AsyncStorage.multiRemove) but that causes unhandled promise rejection in android. this is working: Platform.OS === 'ios' ? await AsyncStorage.getAllKeys().then(AsyncStorage.multiRemove) : await AsyncStorage.clear()	2019-03-22 11:13:05 -07:00
Jose G	ec97b610c5	chore(typescript): export ScreenProps (#5726 )	2019-03-22 11:11:05 -07:00
Jose G	b9f50bd012	[TypeScript] Export DrawerIconProps and DrawerLabelProps (#5715 ) * chore(typescript): export DrawerIconProps and DrawerLabelProps * chore: update changelog	2019-03-20 19:28:36 -07:00
Jose G	dbf165dbe7	chore(typescript): export "TabBarIconProps" and "TabBarLabelProps" (#5712 )	2019-03-20 10:02:12 -07:00
Brent Vatne	bd09153448	Release 3.5.1	2019-03-19 16:22:51 -07:00
Brent Vatne	c766a66be8	Regenerate lockfile in NavigationPlayground	2019-03-19 16:17:38 -07:00
Brent Vatne	53bb89c1e3	Regenerate lockfile	2019-03-19 16:15:33 -07:00
Brent Vatne	4c29c57fe2	Export GestureContexts and add missing type for withOrientation, fix header back button title prop type	2019-03-19 13:58:18 -07:00
Brent Vatne	368b6812bf	Release 3.5.0	2019-03-19 11:05:23 -07:00
Jacob Powers	73d416ec02	Issue-5701: TabBarBottom -> BottomTabBar in type definitions (#5702 ) * Issue-5701: TabBarBottom -> BottomTabBar in type definitions * BottomTabBar changelog update	2019-03-19 10:45:54 -07:00
Julian Hundeloh	89786a39ab	fix: export NavigationContext in types (#5707 )	2019-03-19 10:44:54 -07:00