Skip to content

Releases: wix/react-native-navigation

7.51.0

14 Aug 12:41
6a723f7

Choose a tag to compare

Fixed

Android

  • Issue blocking the UI from being able to readjust to an appearing on-screen keyboard (i.e. upon inset computation), #8087 by d4vidi

7.50.0

30 Jul 08:09
18db32e

Choose a tag to compare

Fixed

Android

8.2.1

27 Jul 18:16

Choose a tag to compare

No changelog for this release.

8.2.0

27 Jul 14:35
6ac2fb7

Choose a tag to compare

Android

Introducing options for super-rich bottom-tabs styling! - #8071 by d4vidi (this is the same as v7.49.0)

  • Enables the translucent option for a blurred background (previously iOS-only)
  • Margin and content-wrap layout for a float-feel effect

Read more about it here: https://wix.github.io/react-native-navigation/docs/bottomTabs/#styling-the-tabs

Example:

image

(source):

bottomTabs: {
  drawBehind: true,
  translucent: true,
  blurRadius: 2.2,
  layoutStyle: 'compact',
  bottomMargin: 20,
  cornerRadius: 20,
  elevation: 3,
  backgroundColor: 'rgba(255,239,114,0.7)',
},

8.1.2

27 Jul 11:00
d571fdc

Choose a tag to compare

Fixed

iOS

7.49.0

27 Jul 12:28
06195fd

Choose a tag to compare

Enhancements

Android

Introducing options for super-rich bottom-tabs styling! (#8064 by d4vidi)

  • Enables the translucent option for a blurred background (previously iOS-only)
  • Margin and content-wrap layout for a float-feel effect

Example:

image

(source):

bottomTabs: {
  drawBehind: true,
  translucent: true,
  blurRadius: 2.2,
  layoutStyle: 'compact',
  bottomMargin: 20,
  cornerRadius: 20,
  elevation: 3,
  backgroundColor: 'rgba(255,239,114,0.7)',
},

8.1.1

22 Jul 08:17
be098c2

Choose a tag to compare

Fixes

Android

iOS

8.1.0

16 Jun 09:37

Choose a tag to compare

📣 This major release officially brings support for React Native's new-architecture and React Native v0.77.x!!! 🥳 🍾 🎉

Important

This release also introduces breaking changes - please read below ⬇️

Breaking changes

React Native

  • The only RN version supported officially by this release is 0.77.x with new-architecture fully enabled.
  • Support for any older versions / old-architecture has been completely removed, and it won't be available in any future RNNav 8 version (RNNav v7 is available for that, instead).

We are working hard to support the newer React Native versions (0.78-0.80). The major work we did in this release gives us the tools and the confidence to increase the development velocity and deliver the upgrades faster ⚡. Nevertheless, we don't have any ETA's. Stay tuned for more updates and reach out on Discord if you think you can help out.

Side Menus

  • On iOS, side-menus open in aboveContent mode by default, rather than pushContent (see v7.48.0). In order to force back the existing behavior (discouraged), specify an openMode explicitly:

     Navigation.mergeOptions(this, {
        sideMenu: {
          left: {
            visible: true,
            openMode: 'pushContent', // Legacy mode to opt-out (discouraged)
          },
        },
      });

8.1.0-rc02

04 Jun 09:00
8a9638f

Choose a tag to compare

8.1.0-rc02 Pre-release
Pre-release

Features

  • Side-menus opening as overlays instead of screen-pushing, on iOS; Same as v7.48.0 (@d4vidi in #8038)
    ⚠️ Note: This is the new official default, in case openMode isn't specified! Select the legacy open-mode explicitly in order to opt-out:

     Navigation.mergeOptions(this, {
        sideMenu: {
          left: {
            visible: true,
            openMode: 'pushContent', // Legacy mode to opt-out
          },
        },
      });

RN new-architecture

Enhancements:

  • Remove old unsupported React Native flavors on Android, by @gosha212 in #8028

Fixes:

Full Changelog: 8.1.0-rc01...8.1.0-rc02

7.48.0

27 May 11:53
0bdfb20

Choose a tag to compare

Enhancements

iOS

  • Support drawer menus opening as overlay instead of pushing content on iOS (#7986, @liatnetach):
Push (default) Overlay mode (new)
image image

To apply (example):

Navigation.mergeOptions(this, {
  sideMenu: {
    left: {
      visible: true,
      openMode: 'aboveContent',
    },
  },
});