merged

android/app/src/main/java/com/reactnativenavigation/bridge/NavigationReactModule.java

@@ -34,7 +34,8 @@ public class NavigationReactModule extends ReactContextBaseJavaModule {
     }
 
     @ReactMethod
-    public void setScreenTitleBarTitle(final ReadableMap params) {
+    public void setScreenTitleBarTitle(String screenInstanceId, String title) {
+        NavigationCommandsHandler.setScreenTitleBarTitle(screenInstanceId, title);
     }
 
     @ReactMethod

android/app/src/main/java/com/reactnativenavigation/controllers/NavigationActivity.java

@@ -127,8 +127,12 @@ public class NavigationActivity extends AppCompatActivity implements DefaultHard
         layout.newStack(params);
     }
 
-    void setTopBarVisible(String screenInstanceID, boolean hidden, boolean animated) {
-        layout.setTopBarVisible(screenInstanceID, hidden, animated);
+    void setTopBarVisible(String screenInstanceId, boolean hidden, boolean animated) {
+        layout.setTopBarVisible(screenInstanceId, hidden, animated);
+    }
+
+    void setTitleBarTitle(String screenInstanceId, String title) {
+        layout.setTitleBarTitle(screenInstanceId, title);
     }
 
     void showModal(ScreenParams screenParams) {

android/app/src/main/java/com/reactnativenavigation/controllers/NavigationCommandsHandler.java

@@ -104,6 +104,21 @@ public class NavigationCommandsHandler {
         });
     }
 
+    public static void setScreenTitleBarTitle(final String screenInstanceId, final String title) {
+        final NavigationActivity currentActivity = NavigationActivity.currentActivity;
+        if (currentActivity == null) {
+            return;
+        }
+
+        NavigationApplication.instance.runOnMainThread(new Runnable() {
+            @Override
+            public void run() {
+                currentActivity.setTitleBarTitle(screenInstanceId, title);
+            }
+        });
+    }
+
+
     public static void showModal(Bundle params) {
         final NavigationActivity currentActivity = NavigationActivity.currentActivity;
         if (currentActivity == null) {
@@ -117,6 +132,5 @@ public class NavigationCommandsHandler {
             public void run() {
                 currentActivity.showModal(screenParams);
             }
-        });
-    }
+        }
 }

android/app/src/main/java/com/reactnativenavigation/layouts/Layout.java

@@ -17,5 +17,7 @@ public interface Layout {
 
     void newStack(ScreenParams params);
 
-    void setTopBarVisible(String screenInstanceID, boolean hidden, boolean animated);
+    void setTopBarVisible(String screenInstanceId, boolean hidden, boolean animated);
+
+    void setTitleBarTitle(String screenInstanceId, String title);
 }

android/app/src/main/java/com/reactnativenavigation/layouts/Screen.java

@@ -115,4 +115,8 @@ public abstract class Screen extends RelativeLayout implements ScrollDirectionLi
     public void setTopBarVisible(boolean visible, boolean animate) {
         topBarVisibilityAnimator.setVisible(visible, animate);
     }
+
+    public void setTitleBarTitle(String title) {
+        topBar.setTitle(title);
+    }
 }

android/app/src/main/java/com/reactnativenavigation/layouts/ScreenStack.java

@@ -85,8 +85,8 @@ public class ScreenStack extends FrameLayout {
         return getStackSize() > 1;
     }
 
-    public void setTopBarVisible(String screenInstanceID, boolean visible, boolean animate) {
-        Screen screen = findScreenByScreenInstanceId(screenInstanceID);
+    public void setTopBarVisible(String screenInstanceId, boolean visible, boolean animate) {
+        Screen screen = findScreenByScreenInstanceId(screenInstanceId);
         if (screen != null) {
             screen.setTopBarVisible(visible, animate);
         }
@@ -106,6 +106,13 @@ public class ScreenStack extends FrameLayout {
         return null;
     }
 
+    public void setTitleBarTitle(String screenInstanceId, String title) {
+        Screen screen = findScreenByScreenInstanceId(screenInstanceId);
+        if (screen != null) {
+            screen.setTitleBarTitle(title);
+        }
+    }
+
 
     //    /**
 //     * Remove the ScreenStack from {@code parent} while preventing all child react views from getting unmounted

android/app/src/main/java/com/reactnativenavigation/layouts/SingleScreenLayout.java

@@ -71,4 +71,9 @@ public class SingleScreenLayout extends FrameLayout implements Layout {
     public void setTopBarVisible(String screenInstanceID, boolean visible, boolean animate) {
         stack.setTopBarVisible(screenInstanceID, visible, animate);
     }
+
+    @Override
+    public void setTitleBarTitle(String screenInstanceId, String title) {
+        stack.setTitleBarTitle(screenInstanceId, title);
+    }
 }

example-redux/src/app.js

@@ -37,7 +37,7 @@ export default class App {
       case 'login':
         Navigation.startSingleScreenApp({
           screen: {
-            screen: 'example.ListScreen',
+            screen: 'example.FirstTabScreen',
             title: 'Login',
             navigatorStyle: {}
           },

example-redux/src/screens/FirstTabScreen.js

@@ -9,8 +9,9 @@ import {
 } from 'react-native';
 import {connect} from 'react-redux';
 import * as counterActions from '../reducers/counter/actions';
+import _ from 'lodash';
 
-let navBarVisiable = true;
+let topBarVisible = true;
 
 // this is a traditional React component connected to the redux store
 class FirstTabScreen extends Component {
@@ -83,6 +84,10 @@ class FirstTabScreen extends Component {
           <Text style={styles.button}>Toggle NavBar</Text>
         </TouchableOpacity>
 
+        <TouchableOpacity onPress={ this.onSetTitlePress.bind(this) }>
+          <Text style={styles.button}>Set Title</Text>
+        </TouchableOpacity>
+
         <Text style={{fontWeight: '500'}}>String prop: {this.props.str}</Text>
         <Text style={{fontWeight: '500'}}>Number prop: {this.props.num}</Text>
         <Text style={{fontWeight: '500'}}>Object prop: {this.props.obj.str}</Text>
@@ -134,12 +139,16 @@ class FirstTabScreen extends Component {
   }
 
   onToggleNavBarPress() {
-    navBarVisiable = !navBarVisiable;
+    topBarVisible = !topBarVisible;
     this.props.navigator.toggleNavBar({
-      to: navBarVisiable ? 'shown' : 'hidden',
+      to: topBarVisible ? 'shown' : 'hidden',
       animated: true
     });
   }
+
+  onSetTitlePress() {
+    this.props.navigator.setTitle(_.random(0, 100).toString());
+  }
 }
 
 const styles = StyleSheet.create({

src/deprecated/platformSpecificDeprecated.android.js

@@ -159,7 +159,7 @@ function navigatorSetTabBadge(navigator, params) {
 }
 
 function navigatorSetTitle(navigator, params) {
-  //RctActivity.setNavigatorTitle(params);
+  newPlatformSpecific.setScreenTitleBarTitle(navigator.screenInstanceID, params);
 }
 
 function navigatorSwitchToTab(navigator, params) {

src/platformSpecific.android.js

@@ -36,11 +36,16 @@ function toggleTopBarVisible(screenInstanceID, visible, animated) {
   NativeModules.NavigationReactModule.setTopBarVisible(screenInstanceID, visible, animated);
 }
 
+function setScreenTitleBarTitle(screenInstanceID, title) {
+  NativeModules.NavigationReactModule.setScreenTitleBarTitle(screenInstanceID, title);
+}
+
 module.exports = {
   startApp,
   push,
   pop,
   popToRoot,
   newStack,
-  toggleTopBarVisible
+  toggleTopBarVisible,
+  setScreenTitleBarTitle
 };