Release 2.13.0

Bump react-navigation-stack and react-navigation-tabs
Add missing types (#4836 )
2026-02-13 22:30:41 +08:00 · 2018-09-06 15:07:39 -07:00 · 2018-09-06 15:06:34 -07:00 · 2018-09-04 10:44:02 -07:00 · 2018-09-04 10:42:46 -07:00 · 2018-09-04 10:42:27 -07:00
7 changed files with 351 additions and 376 deletions
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -25,7 +25,7 @@ Bugs with react-navigation must be reproducible *without any external libraries

 ### 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 repoistory as that is outside of the scope of React Navigation.
+- 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.

--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,30 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.

 ## [Unreleased]

+
+## [2.13.0] - [2018-09-06](https://github.com/react-navigation/react-navigation/releases/tag/2.13.0)
+
+### Added
+
+- When `tabBarIcon` is a function it is now provided with a `horizontal` option that indicates whether horizontal tabs are being rendered (label to the right of the icon) or not.
+- Add some missing flow types ([1](https://github.com/react-navigation/react-navigation/pull/4836), [2](https://github.com/react-navigation/react-navigation/pull/4917)).
+
+### Changed
+
+- Updated react-navigation-stack to 0.3.0.
+- Updated react-navigation-tabs to 0.7.0.
+- Pinned `create-react-context` dependency to `0.2.2` (https://github.com/react-navigation/react-navigation/issues/4934)
+
+### Fixed
+
+- Fixes tab label font sizes in landscape and portrait.
+- Default tab bar background color and header background color are white on iOS.
+
+## [2.12.1] - [2018-08-23](https://github.com/react-navigation/react-navigation/releases/tag/2.12.1)
+
+### Fixed
+- Fix crash on react-native@>=0.56 described in https://github.com/react-navigation/react-navigation/issues/4886
+
 ## [2.12.0] - [2018-08-22](https://github.com/react-navigation/react-navigation/releases/tag/2.12.0)

 ### Changed
@@ -14,7 +38,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Add accessibility props for inactive screens in stack (https://github.com/react-navigation/react-navigation-stack/commit/4e04428e26df9076413b57b3346a7ce357de1a77)
 - Updated header title to match iOS 11/12 style correctly (https://github.com/react-navigation/react-navigation-stack/pull/1)
 - Add support for animating the header background on screen transitions and add interpolator to animate it along with the rest of the screen, but this is still opt-in behavior (https://github.com/react-navigation/react-navigation-stack/pull/3)
- Updated react-native-safe-area-view to 0.2.0
+- Updated react-native-safe-area-view to 0.9.0

 ## [2.11.2] - [2018-08-03](https://github.com/react-navigation/react-navigation/releases/tag/2.11.2)
 ### Changed
@@ -45,7 +69,6 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Export `StackViewTransitionConfigs` to allow you to extend default config in custom transition configs. [#4761](https://github.com/react-navigation/react-navigation/pull/4761)

 ### Fixed
- Error when building with haul: ref to pathToRegexp.compile(#4658).
 - Error when building with haul: ref to pathToRegexp.compile. [#4658](https://github.com/react-navigation/react-navigation/pull/4658).

 ## [2.9.1] - [2018-07-24](https://github.com/react-navigation/react-navigation/releases/tag/2.9.1)
@@ -148,8 +171,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 ### Changed
 - Improved examples

-[Unreleased]: https://github.com/react-navigation/react-navigation/compare/2.12.0...HEAD
-[2.12.0]: https://github.com/react-navigation/react-navigation/compare/2.11.1...2.11.2
+[Unreleased]: https://github.com/react-navigation/react-navigation/compare/2.13.0...HEAD
+[2.13.0]: https://github.com/react-navigation/react-navigation/compare/2.12.1...2.13.0
+[2.12.1]: https://github.com/react-navigation/react-navigation/compare/2.12.0...2.12.1
+[2.12.0]: https://github.com/react-navigation/react-navigation/compare/2.11.2...2.12.0
 [2.11.2]: https://github.com/react-navigation/react-navigation/compare/2.11.1...2.11.2
 [2.11.1]: https://github.com/react-navigation/react-navigation/compare/2.11.0...2.11.1
 [2.11.0]: https://github.com/react-navigation/react-navigation/compare/2.10.0...2.11.0
--- a/examples/NavigationPlayground/js/SimpleTabs.js
+++ b/examples/NavigationPlayground/js/SimpleTabs.js
@@ -40,10 +40,10 @@ MyHomeScreen.navigationOptions = {
    accessibilityLabel: 'TEST_ID_HOME_ACLBL',
  },
  tabBarLabel: 'Home',
-  tabBarIcon: ({ tintColor, focused }) => (
+  tabBarIcon: ({ tintColor, focused, horizontal }) => (
    <Ionicons
      name={focused ? 'ios-home' : 'ios-home-outline'}
-      size={26}
+      size={horizontal ? 20 : 26}
      style={{ color: tintColor }}
    />
  ),
@@ -60,10 +60,10 @@ class MyPeopleScreen extends React.Component<MyPeopleScreenProps> {

  static navigationOptions = {
    tabBarLabel: 'People',
-    tabBarIcon: ({ tintColor, focused }) => (
+    tabBarIcon: ({ tintColor, focused, horizontal }) => (
      <Ionicons
        name={focused ? 'ios-people' : 'ios-people-outline'}
-        size={26}
+        size={horizontal ? 20 : 26}
        style={{ color: tintColor }}
      />
    ),
@@ -100,10 +100,10 @@ class MyChatScreen extends React.Component<MyChatScreenProps> {

  static navigationOptions = {
    tabBarLabel: 'Chat',
-    tabBarIcon: ({ tintColor, focused }) => (
+    tabBarIcon: ({ tintColor, focused, horizontal }) => (
      <Ionicons
        name={focused ? 'ios-chatboxes' : 'ios-chatboxes-outline'}
-        size={26}
+        size={horizontal ? 20 : 26}
        style={{ color: tintColor }}
      />
    ),
@@ -135,10 +135,10 @@ const MySettingsScreen = ({ navigation }) => (

 MySettingsScreen.navigationOptions = {
  tabBarLabel: 'Settings',
-  tabBarIcon: ({ tintColor, focused }) => (
+  tabBarIcon: ({ tintColor, focused, horizontal }) => (
    <Ionicons
      name={focused ? 'ios-settings' : 'ios-settings-outline'}
-      size={26}
+      size={horizontal ? 20 : 26}
      style={{ color: tintColor }}
    />
  ),
--- a/examples/NavigationPlayground/yarn.lock
+++ b/examples/NavigationPlayground/yarn.lock
@@ -4480,9 +4480,9 @@ react-native-safe-area-view@^0.7.0:
  dependencies:
    hoist-non-react-statics "^2.3.1"

-react-native-safe-area-view@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.8.0.tgz#22d78cb8e8658d04a10cd53c1546e0bc86cb7aea"
+react-native-safe-area-view@^0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/react-native-safe-area-view/-/react-native-safe-area-view-0.9.0.tgz#10ece2ecac70e7005a5b0b3f06c8833060e6d21f"
  dependencies:
    hoist-non-react-statics "^2.3.1"

@@ -4590,9 +4590,9 @@ react-navigation-deprecated-tab-navigator@1.3.0:
  dependencies:
    react-native-tab-view "^0.0.77"

-react-navigation-drawer@0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/react-navigation-drawer/-/react-navigation-drawer-0.4.3.tgz#c04c94e2429b7e724801af05bd0a93a79cb27f71"
+react-navigation-drawer@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/react-navigation-drawer/-/react-navigation-drawer-0.5.0.tgz#d91b6a6ec65c34ba78c00f814b1e6508922cc9ec"
  dependencies:
    react-native-drawer-layout-polyfill "^1.3.2"

@@ -4611,9 +4611,13 @@ react-navigation-material-bottom-tabs@^0.3.0:
    react-native-paper "2.0.0-alpha.4"
    react-navigation-tabs "^0.4.0"

-react-navigation-tabs@0.5.1, react-navigation-tabs@^0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/react-navigation-tabs/-/react-navigation-tabs-0.5.1.tgz#ed33bce3a3e21b92646700de25bd94b8fc570371"
+react-navigation-stack@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/react-navigation-stack/-/react-navigation-stack-0.2.3.tgz#9d1e2524aa1d178302c938948b8ece49d713f12b"
+
+react-navigation-tabs@0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/react-navigation-tabs/-/react-navigation-tabs-0.6.0.tgz#2f526194f4360e56c2702e736887449acc2080dc"
  dependencies:
    hoist-non-react-statics "^2.5.0"
    prop-types "^15.6.1"
@@ -4631,6 +4635,16 @@ react-navigation-tabs@^0.4.0:
    react-native-safe-area-view "^0.7.0"
    react-native-tab-view "^1.0.0"

+react-navigation-tabs@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/react-navigation-tabs/-/react-navigation-tabs-0.5.1.tgz#ed33bce3a3e21b92646700de25bd94b8fc570371"
+  dependencies:
+    hoist-non-react-statics "^2.5.0"
+    prop-types "^15.6.1"
+    react-lifecycles-compat "^3.0.4"
+    react-native-safe-area-view "^0.7.0"
+    react-native-tab-view "^1.0.0"
+
 "react-navigation@link:../..":
  version "0.0.0"
  uid ""
--- a/flow/react-navigation.js
+++ b/flow/react-navigation.js
@@ -143,6 +143,14 @@ declare module 'react-navigation' {
    +type: 'Navigation/TOGGLE_DRAWER',
    +key?: string,
  |};
+  declare export type NavigationDrawerOpenedAction = {|
+    +type: 'Navigation/DRAWER_OPENED',
+    +key?: string,
+  |};
+  declare export type NavigationDrawerClosedAction = {|
+    +type: 'Navigation/DRAWER_CLOSED',
+    +key?: string,
+  |};

  declare export type NavigationAction =
    | NavigationBackAction
@@ -157,7 +165,9 @@ declare module 'react-navigation' {
    | NavigationCompleteTransitionAction
    | NavigationOpenDrawerAction
    | NavigationCloseDrawerAction
-    | NavigationToggleDrawerAction;
+    | NavigationToggleDrawerAction
+    | NavigationDrawerOpenedAction
+    | NavigationDrawerClosedAction;

  /**
   * NavigationState is a tree of routes for a single navigator, where each
@@ -394,6 +404,8 @@ declare module 'react-navigation' {
    mode?: 'card' | 'modal',
    headerMode?: HeaderMode,
    headerTransitionPreset?: 'fade-in-place' | 'uikit',
+    headerLayoutPreset?: 'left' | 'center',
+    headerBackTitleVisible?: boolean,
    cardStyle?: ViewStyleProp,
    transitionConfig?: () => TransitionConfig,
    onTransitionStart?: () => void,
@@ -813,6 +825,8 @@ declare module 'react-navigation' {
    OPEN_DRAWER: 'Navigation/OPEN_DRAWER',
    CLOSE_DRAWER: 'Navigation/CLOSE_DRAWER',
    TOGGLE_DRAWER: 'Navigation/TOGGLE_DRAWER',
+    DRAWER_OPENED: 'Navigation/DRAWER_OPENED',
+    DRAWER_CLOSED: 'Navigation/DRAWER_CLOSED',

    openDrawer: (payload: {
      key?: string,
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "react-navigation",
-  "version": "2.12.0",
+  "version": "2.13.0",
  "description": "Routing and navigation for your React Native apps",
  "main": "src/react-navigation.js",
  "repository": {
@@ -31,7 +31,7 @@
  },
  "dependencies": {
    "clamp": "^1.0.1",
-    "create-react-context": "^0.2.1",
+    "create-react-context": "0.2.2",
    "hoist-non-react-statics": "^2.2.0",
    "path-to-regexp": "^1.7.0",
    "query-string": "^6.1.0",
@@ -39,8 +39,8 @@
    "react-native-safe-area-view": "^0.9.0",
    "react-navigation-deprecated-tab-navigator": "1.3.0",
    "react-navigation-drawer": "0.5.0",
-    "react-navigation-stack": "0.2.1",
-    "react-navigation-tabs": "0.6.0"
+    "react-navigation-stack": "0.3.0",
+    "react-navigation-tabs": "0.7.0"
  },
  "devDependencies": {
    "babel-cli": "^6.24.1",
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
Brent Vatne	460754fde1	Release 2.13.0	2018-09-06 15:07:39 -07:00
Brent Vatne	ffd1865485	Bump react-navigation-stack and react-navigation-tabs	2018-09-06 15:06:34 -07:00
Tom Spencer	50320bf0d9	Add missing types (#4836 ) * Add missing types * Added missing types to DrawerActions	2018-09-04 10:44:02 -07:00
Thibaut	74a04c3ce5	Add missing StackNavigatorConfig option (#4917 )	2018-09-04 10:42:46 -07:00
Rodolfo Silva	54d0d5180d	Update CHANGELOG.md (#4923 ) Change dependency version	2018-09-04 10:42:27 -07:00
Cameron Knight	14eb5a1e75	Pin create-react-context at v0.2.2 (#4950 ) Because `create-react-context` updated its license from MIT (read: Open Source) to a more-restrictive, non-Open Source license without appropriately bumping its major version in violation of semver, the `create-react-context` version within `react-navigation` necessarily needs to have its version pinned to a version of `create-react-context` before the license change. v0.2.2 is the most recent version of `create-react-context` that still retains an Open Source license. Note: Another solution to this would be to require `react` `16.3.x` or higher, which includes the official `React.createContext` API without need to rely on a third-party library. Closes #4934	2018-09-04 10:41:42 -07:00
Rodrigo Bermúdez Schettino	222c77a360	CHANGELOG: Remove duplicate entry (#4909 ) Issue link was missing in removed entry. Left the one with better format.	2018-08-27 12:00:04 -07:00
Brent Vatne	39316fc339	Fix typo in issue template	2018-08-25 15:50:55 -07:00
Brent Vatne	27eb73cc14	Release 2.12.1	2018-08-23 16:29:12 -07:00