Merge pull request #40 from sethx/patch-10

adding lost code.. :(

Author: MikaelCarpenter

index.js

@@ -25,13 +25,12 @@ class Router extends React.Component{
     this.emitter = new EventEmitter();
   }
 
-  /*
-   * This changes the title in the navigation bar
-   * It should preferrably be called for "onWillFocus" instad >
-   * > but a recent update to React Native seems to break the animation
-   */
-  onDidFocus(route) {
+  onWillFocus(route) {
     this.setState({ route: route });
+    this.emitter.emit('willFocus', route.name);
+  }
+
+  onDidFocus(route) {
     this.emitter.emit('didFocus', route.name);
   }
 
@@ -54,10 +53,18 @@ class Router extends React.Component{
     this.setState({ leftProps: props });
   }
 
+  setTitleProps(props) {
+    this.setState({ titleProps: props });   
+  }
+
   customAction(opts) {
     this.props.customAction(opts);
   }
 
+  configureScene(route) {   
+    return route.sceneConfig || Navigator.SceneConfigs.FloatFromRight;    
+  }
+
   renderScene(route, navigator) {
 
     var goForward = function(route) {
@@ -91,6 +98,10 @@ class Router extends React.Component{
       this.setState({ leftProps: props });
     }.bind(this);
 
+    var setTitleProps = function(props) {    
+      this.setState({ titleProps: props });   
+    }.bind(this); 
+
     var customAction = function(opts) {
       this.customAction(opts);
     }.bind(this);
@@ -127,6 +138,7 @@ class Router extends React.Component{
           reset={goToFirstRoute}
           setRightProps={setRightProps}
           setLeftProps={setLeftProps}
+          setTitleProps={setTitleProps}
           customAction={customAction}
           {...route.passProps}
         />
@@ -139,7 +151,7 @@ class Router extends React.Component{
     var navigationBar;
     // Status bar color
     if (Platform.OS === 'ios') {
-      if (this.props.statusBarColor === "black") {
+      if (this.props.statusBarColor === 'black') {
         StatusBarIOS.setStyle(0);
       } else {
         StatusBarIOS.setStyle(1);
@@ -163,16 +175,20 @@ class Router extends React.Component{
         toBack={this.onBack.bind(this)}
         leftProps={this.state.leftProps}
         rightProps={this.state.rightProps}
+        titleProps={this.state.titleProps}
         customAction={this.customAction.bind(this)}
       />
     }
 
     return (
       <Navigator
+        ref='navigator'
         initialRoute={this.props.firstRoute}
         navigationBar={navigationBar}
         renderScene={this.renderScene.bind(this)}
         onDidFocus={this.onDidFocus.bind(this)}
+        onWillFocus={this.onWillFocus.bind(this)}
+        configureScene={this.configureScene}
       />
     );
   }