Errors with 0.7.1 release.

[kureev]

Errors with 0.7.1 release.

[Kureev]

NavigatorNavigationBarStyles and StaticContainer.react are deprecated in 0.7.x+, we need to replace them with analogs in latest versions

[piyushchauhan2011]

Yep 👍

[Kureev]

@piyushchauhan2011 should be solved in v0.6.1 ;) Check it out.

[piyushchauhan2011]

@Kureev Still getting some error.

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} = React;

var NavigationBar = require('react-native-navbar');

var InitialView = React.createClass({
  render: function() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to React Native!
        </Text>
        <Text style={styles.instructions}>
          To get started, edit index.ios.js
        </Text>
        <Text style={styles.instructions}>
          Press Cmd+R to reload,{'\n'}
          Cmd+D or shake for dev menu
        </Text>
      </View>
    );
  }
});

var HelloTest = React.createClass({

  renderScene: function(route, navigator) {
    var Component = route.component;
    var navBar = route.navigationBar;

    if(navBar) {
      navBar = React.addons.cloneWithProps(navBar, {
        navigator: navigator,
        route: route
      });
    }

    return (
      <View style={styles.navigator}>
        {navBar}
        <Component navigator={navigator} route={route}/>
      </View>
    );
  },

  render: function() {
    return (
      <Navigator
        renderScene={this.renderScene}
        initialRoute={{
          component: InitialView,
          navigationBar: <NavigationBar title="Initial View" style={styles.navigator}/>
        }}
      />
    );
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
  navigator: {
    flex: 1,
  }
});

AppRegistry.registerComponent('HelloTest', () => HelloTest);

[piyushchauhan2011]

[Kureev]

Super informative stack trace 😄

[piyushchauhan2011]

😄

[piyushchauhan2011]

Forgot the Navigator while destructuring. Silly mistake!

[Kureev]

Perfect, so everything works fine now?

[piyushchauhan2011]

Yep 👍