OptionsScreen

playground/src/containers/OptionsScreen.js

@@ -0,0 +1,63 @@
+import _ from 'lodash';
+import React, { Component } from 'react';
+import {
+  StyleSheet,
+  View,
+  Text,
+  Button
+} from 'react-native';
+
+import Navigation from 'react-native-navigation';
+
+class OptionsScreen extends Component {
+  static navigationOptions = {
+    title: 'Static Title'
+  }
+
+  constructor(props) {
+    super(props);
+    this.onClickDynamicOptions = this.onClickDynamicOptions.bind(this);
+  }
+
+  render() {
+    return (
+      <View style={styles.root}>
+        <Text style={styles.h1}>{`Style Screen`}</Text>
+        <Button title="Dynamic Options" onPress={this.onClickDynamicOptions} />
+        <Text style={styles.footer}>{`this.props.id = ${this.props.id}`}</Text>
+      </View>
+    );
+  }
+
+  onClickDynamicOptions() {
+    // Navigation.setOptions({
+    //   title: 'Dynamic Title'
+    // });
+  }
+}
+
+const styles = {
+  root: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#f5fcff'
+  },
+  h1: {
+    fontSize: 24,
+    textAlign: 'center',
+    margin: 10
+  },
+  h2: {
+    fontSize: 12,
+    textAlign: 'center',
+    margin: 10
+  },
+  footer: {
+    fontSize: 10,
+    color: '#888',
+    marginTop: 10
+  }
+};
+
+export default PushedScreen;

playground/src/containers/PushedScreen.js

@@ -10,10 +10,6 @@ import {
 import Navigation from 'react-native-navigation';
 
 class PushedScreen extends Component {
-  static navigationStyle = {
-    title: 'Static Title'
-  }
-
   constructor(props) {
     super(props);
     this.onClickPush = this.onClickPush.bind(this);
@@ -22,6 +18,7 @@ class PushedScreen extends Component {
     this.onClickPopToFirstPosition = this.onClickPopToFirstPosition.bind(this);
     this.onClickPopToRoot = this.onClickPopToRoot.bind(this);
   }
+
   render() {
     const stackPosition = this.getStackPosition();
     return (

playground/src/containers/index.js

@@ -5,6 +5,7 @@ import TextScreen from './TextScreen';
 import PushedScreen from './PushedScreen';
 import LifecycleScreen from './LifecycleScreen';
 import ModalScreen from './ModalScreen';
+import OptionsScreen from './OptionsScreen';
 
 export function registerContainers() {
   Navigation.registerContainer(`navigation.playground.WelcomeScreen`, () => WelcomeScreen);
@@ -12,4 +13,5 @@ export function registerContainers() {
   Navigation.registerContainer(`navigation.playground.LifecycleScreen`, () => LifecycleScreen);
   Navigation.registerContainer(`navigation.playground.TextScreen`, () => TextScreen);
   Navigation.registerContainer(`navigation.playground.PushedScreen`, () => PushedScreen);
+  Navigation.registerContainer(`navigation.playground.OptionsScreen`, () => OptionsScreen);
 }