title: How to render items in two columns in react native?
body: <p>my skills in react native is basic, so i want to render items in two columns, i'm using this library <a href="https://github.com/GeekyAnts/react-native-easy-grid" rel="nofollow noreferrer">https://github.com/GeekyAnts/react-native-easy-grid</a>.</p>
  
  <pre><code>componentDidMount() {
  
     return fetch(ConfigApp.URL+'json/data_posts.php')
       .then((response) =&gt; response.json())
       .then((responseJson) =&gt; {
         this.setState({
           isLoading: false,
           dataSource: responseJson
         }, function() {
         });
       })
       .catch((error) =&gt; {
         console.error(error);
       });
   }
  </code></pre>
  
  <p><strong>Return</strong></p>
  
  <pre><code> return (
   &lt;Grid&gt;
    &lt;Col&gt;&lt;FlatList
        data={ this.state.dataSource }
        refreshing="false"
        renderItem={({item}) =&gt; 
              &lt;TouchableOpacity activeOpacity={1}&gt;
              &lt;ImageBackground source={{uri: ConfigApp.IMAGESFOLDER+item.post_image}} style={styles.background_card}&gt;
                  &lt;LinearGradient colors={['rgba(0,0,0,0.6)', 'rgba(0,0,0,0.9)']} style={styles.gradient_card}&gt;
                          &lt;Text style={styles.category_card}&gt;{item.category}&lt;/Text&gt;
                          &lt;Text style={styles.title_card}&gt;{item.post_title}&lt;/Text&gt;
                          &lt;Text style={styles.subcategory_card}&gt;{item.date}&lt;/Text&gt;
                  &lt;/LinearGradient&gt;
              &lt;/ImageBackground&gt;
              &lt;/TouchableOpacity&gt;
   }
      keyExtractor={(item, index) =&gt; index}
  
      /&gt;
   &lt;/Col&gt;
   &lt;/Grid&gt;
      );
  </code></pre>