title: collectionView in React Native last cell taking 100 percentage width , How to stop this
body: <p>IN React Native I am trying to create a Grid cell. Problem is, when the cell is one then it takes 100 percentage width. I have needed all cell will be equal height width. if the cell is one or more, Not need to change the width. Here are my code and screenshot, see last cell width.</p>
  
  <pre><code>  render() {
          let imageURL = "https://randomuser.me/api/portraits/"
          let partofURL = "women/"
          return (
              &lt;Container&gt;
                  &lt;Header&gt;
                  &lt;/Header&gt;
                  &lt;Content padder&gt;
                  &lt;FlatList
                          data={this.state.ary_data}
                          numColumns={3}
                          itemWidth={150}
                          renderItem={({ item }) =&gt; (
                         &lt;View style={{
                                  flex: 1, margin: 5,
                                  backgroundColor: '#ddd', borderColor: '#000000',
                                  borderWidth: 1,
                                  height: 130
  
                              }} &gt;
                                  &lt;Grid&gt; 
                                      &lt;TouchableOpacity onPress={() =&gt;this.didselectoncell(item.id)}&gt;
                                      &lt;Row style={{ height: '20%' }} &gt;
                                          &lt;Text&gt;name:{item.name}&lt;/Text&gt;
                                      &lt;/Row&gt;
                                      &lt;Row style={{ height: '20%' }}&gt;
                                          &lt;Text style={{textAlign:'center',width:'100%'}}&gt;Detail:{item.detail}&lt;/Text&gt;
                                      &lt;/Row&gt;
                                      &lt;Row &gt;
                                          &lt;Image
                                              style={{ width: 70, height: 70,
                                                  backgroundColor:'#000000',
                                                  marginLeft:'auto',
                                                  marginRight:'auto' }}
                                              source={{ uri:  imageURL + partofURL + item.id + '.jpg' }}&gt;
                                          &lt;/Image&gt;
                                      &lt;/Row&gt;
                                      &lt;/TouchableOpacity&gt;
                                  &lt;/Grid&gt;
                              &lt;/View&gt;
                          )}
                      refreshing={this.state.refreshing}/&gt;
                  &lt;/Content&gt;
              &lt;/Container&gt;
          );
      }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/kSHWJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kSHWJ.png" alt="enter image description here"></a></p>