'use strict';

var React = require('react-native');

var {
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
} = React;


var NavButton = React.createClass({

  onPress: function() {
    this.props.onPress();
  },

  render() {
    var backButton;

    if (this.props.backButtonComponent) {
      var BackButton = this.props.backButtonComponent;
      backButton = <View><BackButton /></View>
    } else {
      backButton = <Text style={styles.navbarText}>Back</Text>
    }

    return (
      <TouchableHighlight onPress={this.onPress} underlayColor="transparent">
        {backButton}
      </TouchableHighlight>
    )
  }
});


var styles = StyleSheet.create({
  navbarText: {
    color: 'white',
    fontSize: 16,
    margin: 10,
    fontWeight: '600',
    textAlign: 'center',
    alignItems: 'center',
  }
});


module.exports = NavButton;

@@ -241,16 +241,34 @@
 ckButton
+,%0A      BackButton
 ;%0A%0A    i
@@ -310,20 +310,16 @@
 %7B%0A      
-var 
 BackButt
@@ -391,17 +391,16 @@
 ckButton
- 
 /%3E%3C/View
@@ -629,16 +629,17 @@
 t%3E%0A    )
+;
 %0A  %7D%0A%7D);

Update NavButton.js