Scroll not showing last row

[dalmago]

I can't scroll down on my app. I have the following style:

list: { justifyContent: 'space-between', flexWrap: 'wrap', flexDirection: 'row', alignItems: 'flex-start', }, item: { backgroundColor: '#CCC', margin: 10, width: 100, height: 80, fontSize: 25, fontWeight: 'bold', textAlign: 'center', textAlignVertical: 'center', },

I am using RN 0.41. Can the version be the reason?

[laukaichung]

Same problem. The list cannot be scrolled using contentContainerStyle. I'm using RN 0.42.

[temitope]

@dalmago @stonecold123 does the problem persist if you add flex:1 to the list styling?

[dalmago]

I've added more data and I found out that the scroll is working, but the last row is not shown. It stays the same whether I add flex: 1 or not.

[7laria]

Hi, I have had the same issue and i have solve adding this to the listView:
<View style={styles.container}> <ListView contentContainerStyle={styles.list} dataSource={this.state.dataSource} renderRow={(row) => //your function render with styles.row enableEmptySections={true} scrollRenderAheadDistance={200} renderDistance={100} pageSize={20} initialListSize={10} /> </View>
with this style for View, List and Row:
list: { // flex:1, // justifyContent: 'center', flexDirection: 'row', flexWrap: 'wrap' }, row: { justifyContent: 'center', alignItems: 'center', },
//this is the style of the container view of listView
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',

},