title: failed to add space between children of view container in react-native
body: <p>I have a parent view container it contains another view having two button components.I need to have a space between the button components for that I add justify-content into the child view container,but it's not working.</p>
  
  <p><strong>code</strong></p>
  
  <pre><code>import React,{Component} from 'react';
  import { View,Image,StyleSheet,Dimensions } from 'react-native';
  import { Card,Button,Avatar } from 'react-native-elements';
  import Icon from 'react-native-vector-icons/FontAwesome';
  export default class WelcomePage extends Component {
      render() {
          const {navigate}=this.props.navigation
          return (
              &lt;View style={{flexDirection:'column',flex:1,alignItems:'center',justifyContent: 'flex-start'}}&gt;
              &lt;Avatar
                width={Dimensions.get('window').width}
                containerStyle={{flex:85}}
                avatarStyle={{flex:85}}
                imageProps={{resizeMode:'cover'}}
                source={require('../assets/images/logo.png')}
                onPress={() =&gt; console.log("Works!")}
                activeOpacity={0.7}
              /&gt;
              &lt;View style={{flexDirection:'row',flex:15,marginTop:10,justifyContent:'space-between'}}&gt;
                  &lt;Button  large title='LOGIN' icon={&lt;Icon name="user-secret" size={25} color="white" /&gt;} buttonStyle={{height:50,width:130,backgroundColor:"#b3b3b3"}} titleStyle={{fontWeight:"700"}} containerViewStyle={{borderRadius:5}} borderRadius={5} /&gt;
                  &lt;Button  large title='REGISTER'  icon={&lt;Icon name="user-plus" size={25} color="white" /&gt;} buttonStyle={{height:50,width:130,backgroundColor:"#b3b3b3"}} titleStyle={{fontWeight:"700"}} onPress={() =&gt; navigate('register')} containerViewStyle={{borderRadius:5}} borderRadius={5} /&gt;
              &lt;/View&gt; 
              &lt;/View&gt;
          )
      }
  }  
  </code></pre>
  
  <p><strong>output</strong></p>
  
  <p><a href="https://i.stack.imgur.com/t78yc.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t78yc.jpg" alt="enter image description here"></a></p>
  
  <p>using flexbox algorithm how can I add space in between the button components?</p>