Set reactView in TopBar dynamically

example/src/screens/types/CustomTopBar.js

@@ -4,6 +4,7 @@ import {
   View,
   TouchableOpacity,
   Text,
+  Alert,
   Platform
 } from 'react-native';
 
@@ -17,10 +18,9 @@ export default class CustomTopBar extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <TouchableOpacity stye={styles.button} onPress={ () => alert('Thanks for that :)') }>
+        <TouchableOpacity stye={styles.button} onPress={ () => Alert.alert(this.props.title, 'Thanks for that :)') }>
           <Text style={styles.text}>Press Me</Text>
         </TouchableOpacity>
-
       </View>
     );
   }

example/src/screens/types/CustomTopBarScreen.js

@@ -6,24 +6,25 @@ import {
 } from 'react-native';
 import {Navigation} from 'react-native-navigation';
 import CustomTopBar from './CustomTopBar';
+
 Navigation.registerComponent('example.CustomTopBar', () => CustomTopBar);
 
 export default class CustomTopBarScreen extends Component {
-  static navigatorStyle = {
-    drawUnderTabBar: true,
-    navBarCustomView: 'example.CustomTopBar',
-    navBarComponentAlignment: 'center',
-    navBarCustomViewInitialProps: {name: 'Hi Custom'}
-  };
+  componentDidMount() {
+    this.props.navigator.setStyle({
+      navBarCustomView: 'example.CustomTopBar',
+      navBarComponentAlignment: 'center',
+      navBarCustomViewInitialProps: {title: 'Hi Custom'}
+    });
+  }
 
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.text}>Custom component in TopBar</Text>
+        <Text>Custom component in TopBar</Text>
       </View>
     );
   }
-
 }
 
 const styles = StyleSheet.create({
@@ -32,8 +33,5 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     backgroundColor: 'white'
-  },
-  text: {
-
   }
 });