title: Default Navigation Style for every stack
body: <p>I have a default navigation style that I want to incorporate to all of my stacks so I have this object.</p>
  
  <pre><code>const navigationDefaultStyle = {
    headerStyle: { backgroundColor:"#fff", height:60},
    headerTitle: (&lt;View style={{marginTop:5, flex: 1, flexDirection: 'row', justifyContent: 'center' }}&gt;&lt;Image style={{ width:140, height: 36, marginTop: 0, marginRight: 5}} source={require('./app/images/logo.png')}/&gt;&lt;/View&gt;),
    headerRight: (&lt;TouchableOpacity activeOpacity={0.8} onPress={ async () =&gt; {
  
        navigation.navigate('Settings', {transitionStyle:'default'})
  
      } } style={{ marginRight:15, marginTop:5 }}&gt;
        &lt;Icon name="cog" type="light" color="#29317C" size={26} /&gt;
      &lt;/TouchableOpacity&gt;)
  }
  </code></pre>
  
  <p>However if I do this, the <code>navigation.navigate</code> doesn't work because it is not defined.</p>
  
  <p>Is there anyway I can apply this object to every stack by doing this:</p>
  
  <pre><code>const Login = createStackNavigator({ SignIn: { screen: SignInScreen, navigationOptions: ({ navigation }) =&gt; (navigationDefaultStyle) } });
  const Sync = createStackNavigator({ Sync: { screen: SyncScreen, navigationOptions: ({ navigation }) =&gt; (navigationDefaultStyle) } });
  const Identification = createStackNavigator({ Identification: { screen: IDScreen, navigationOptions: ({ navigation }) =&gt; (navigationDefaultStyle) } });
  </code></pre>