Example code doesn't work

[react-native-simple-router-community]

Example code doesn't work

[davidLeonardi]

Can you please show us your index.ios.js ?

On Tue, Feb 2, 2016 at 12:49 AM Sam [email protected] wrote:

Red screen of death:

[image: screenshot_2_1_16__3_49_pm]
https://cloud.githubusercontent.com/assets/12532733/12735285/61300d56-c8fb-11e5-9479-33b96d4f9b07.png

—
Reply to this email directly or view it on GitHub
#18
.

[davidLeonardi]

Compare to this:
https://github.com/react-native-simple-router-community/react-native-simple-router/blob/master/twitter-example/index.js

note that firstRoute is defined here, as a local variable.

[ffxsam]

import React, {
  AppRegistry,
  StyleSheet,
  Text,
  TouchableHighlight,
  View
} from 'react-native';
import Router, {Component} from 'react-native-simple-router';

class HelloPage extends Component {
  render() {
    return <View>
      <Text>Hello</Text>
    </View>
  }
}

let firstRoute = {
  name: 'Welcome!',
  component: HelloPage
};

class RouterTest extends Component {
  render() {
    return <Router firstRoute={firstRoute} />
  }
}

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

[ffxsam]

I don't get it. Isn't my code (besides naming things a little differently) the exact same as the example code in the README?

[ffxsam]

Isn't this the problem? (namely, Component)

import Router, {Component} from 'react-native-simple-router';

[davidLeonardi]

Extend your classes from React.Component, not Component.
So for example,
class HelloPage extends React.Component {

[ffxsam]

Ok. I still get the white screen with just "Hello". There's no nav bar. Updated code below:

import React, {
  AppRegistry,
  Component,
  StyleSheet,
  Text,
  TouchableHighlight,
  View
} from 'react-native';
import Router from 'react-native-simple-router';

class HelloPage extends Component {
  render() {
    return <View>
      <Text>Hello</Text>
    </View>
  }
}

let firstRoute = {
  name: 'Welcome!',
  component: HelloPage
};

class RouterTest extends Component {
  render() {
    return <Router firstRoute={firstRoute} />
  }
}

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

[davidLeonardi]

Yep, that seems to be the problem.

Will fix the docs accordingly.
Sorry for the inconvenience!

[ffxsam]

Will open a separate issue for the above