Navigator with renderScene

gistfile1.txt

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  Navigator,
  StyleSheet,
  Text,
  View,
} = React;
  
var NavigationBar= React.createClass({
	render: function() {
		return (
  	<View style={styles.navbar}>
  		<Text>A</Text>
  		<Text>B</Text>
  		<Text>C</Text>
  		<Text>D</Text>
  		<Text>E</Text>
  		<Text>F</Text>
  		<Text>G</Text>
 		 	<Text>H</Text>
  	</View>
  	);
	},
});
var FirstScene = React.createClass({
	render: function() {
  	return (
    	<Text>This is first scene.</Text>
    );
  },
});
var SampleApp = React.createClass({
  renderScene: function(route) {
    var Component = route.component;
  	return (
      	<Component
      	/>
    );
  },
  render: function() {
    return (
      <Navigator
				navigationBar={NavigationBar}
        initialRoute={{component: FirstScene, name: "first scene!", index:0}}
      	renderScene={this.renderScene}
      />
    );
  },
});

var styles = StyleSheet.create({
  navbar: {
  	flex:1,
    flexDirection: 'row',
  },
});

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