Creating A Gridview From Listview In Reactnative?(without Using Libraries)

Consider a simple app in React Native that fetches listings from a remote JSON source and displays them on screen. So far,I've managed to get the results to display using the ListV

Solution 1:

Maybe use a wrapper library, I recommend this one: https://www.npmjs.com/package/react-native-easy-listview-gridview

Solution 2:

Try this out...

pass index from the renderRow function down to this function where this view is defined.

<Buttonkey={index}style={{flex:1,alignSelf:'stretch'}} underLayouColor='red'><Viewkey={index}style={styles.cellContent}><Imagekey={index}style={{height:230,alignItems: 'stretch'}} source={{uri:bg}}blurRadius={1}/><Viewkey={index}style={[styles.cellTitleBg,{opacity:0.5,marginTop:10}]}><Textkey={index}style={[styles.cellTitle,{position:'absolute',bottom:0,right:5}]}>{title}</Text></View></View></Button>