title: Add space between two elements on the same line
body: <p>I am adding two element on the row</p>
  <pre><code>  render() {
      return (
        &lt;View style={{ flexDirection: 'row', justifyContent: 'center' }}&gt;
          &lt;Icon
           name='person' 
           color='#98999c'
           onPress={this.handleClick.bind(this)} /&gt; 
           &lt;Text style={ styles.header }&gt;
            { 'User Name' }
          &lt;/Text&gt;
            
        &lt;/View&gt;
            )
    }
  </code></pre>
  <p>How can I add a space between them?</p>
  <p>EDIT:</p>
  <p>I also have the same problem here:</p>
  <pre><code>const AppNavigator = StackNavigator({
    Home: {
      screen: AppDrawer,
      navigationOptions: ({navigation}) =&gt; ({
        headerLeft:
         &lt;View style={{ flexDirection: 'row', justifyContent: 'space-between' }}&gt;
        &lt;Icon name=&quot;menu&quot; size={35} margin={30} padding={30} onPress={ () =&gt; navigation.navigate('DrawerOpen') } /&gt;
        &lt;ChangeLanguage style={{ margin: 30 , padding: 30}} /&gt;
        &lt;/View&gt;,
        headerRight: 
        &lt;HeaderUserInformation /&gt;,
      })
    }
  </code></pre>