Nav bar save props

[guyca]

fixes #1961, #1546, #1705

This commit changes the way props are injected into custom navBar components. Instead of passing props over the bridge and initializing the native component with them, props are now stored in Js, and are injected back when the react component is created.
This change lets us pass unserializable props to the component.

For example, passing a navigator to the component is now possible:

componentDidMount() {
    this.props.navigator.setStyle({
      navBarCustomView: 'example.CustomTopBar',
      navBarComponentAlignment: 'center',
      navBarCustomViewInitialProps: {title: 'Hi!', navigator: this.props.navigator}
    });
  }

[ghoshabhi]

Hello @guyca ! Thank you for bringing in this change. Unfortunately, when I tried to pass the navigator through the navBarCustomViewInitialProps - I get an error saying: TypeError: Converting circular structure to JSON.

Here's my code:

ViewContainer.js

componentDidMount() {
    const { type } = this.props;
    const navBarLabel = this.getNavBarLabel(type);
    this.props.navigator.setStyle({
      navBarCustomView: 'Foo.CustomNavbar',
      navBarComponentAlignment: 'center',
      navBarCustomViewInitialProps: {
        navBarLabel,
        navigator: this.props.navigator, // <=======
      },
    });
  }

Below is the error I see:

Anything obvious that I am doing wrong ?

[witalobenicio]

@ghoshabhi you are getting RNN from master branch or npm package?
try this way:
"react-native-navigation": "git+https://github.com/wix/react-native-navigation.git",

[ghoshabhi]

@witalobenicio : Thank you for your suggestion. I think we are using a forked version at our company. Will try out your suggestion 👍 Thanks!