2

My question is essentially the same as this SO question. I got the grid view working on a simple ListView (like in the linked question), but I couldn't get it working when using a renderScrollComponent.

My code looks like this:

<ListView
  ref="ListView"
  contentContainerStyle={styles.list}
  dataSource={ this.state.dataSource }
  renderRow={this.renderCategories}
  renderScrollComponent={props => (
<ParallaxScrollView
    *start of parallax component*

Stylesheet:

list: {
  flexDirection: 'row',
  flexWrap: 'wrap'
},
item: {
  flexDirection: 'row',
  margin: 3,
  width: 120
},

The moment I comment out the renderScrollComponent, the grid works fine. So my question is how can I make a grid work inside a renderScrollComponent? Do I have to apply specific style somewhere?

(Note I'm using this repo for a parallax view in renderScrollComponent.

Community
  • 1
  • 1
RobSeg
  • 985
  • 4
  • 14
  • 37

0 Answers0