🔥render completion callback?

Hi! Great project 😃

My components are quite heavy and when I startup my app there are like 1.5 seconds where RLV hasn’t rendered yet and it appears blank, then suddenly pops in. Is there any way to know when RLV has rendered?

Something like an onLayout prop? I thought scrollViewProps might help but it didn’t work. If I can know when it rendered, I could implement some animations to make the RLV fade in smoothly.

Thanks!

[josephmbeveridge]

Is it possible to re-open this issue? I really think it should be part of the RecyclerListView implementation as it is quite easy to have the list show nothing for up to 1 second while loading the content to render, even after the rest of the screen has rendered.

[fxcosta]

I managed to do it as follow:

<RecyclerListView
  style={{
    minHeight: 1,
    minWidth: 1,
  }}
  forceNonDeterministicRendering
  canChangeSize
  rowRenderer={this.rowRenderer}
  dataProvider={messages}
  layoutProvider={this.layoutProvider}
  onItemLayout={e => {
    if (e >= messages.getSize() - 1) {
      this.setState({loadingMessages: false}); // HERE
      this.scrollView.scrollToEnd({animated: true});
    }
  }}
/>

I don’t know if it’s the best way and I’m not entirely satisfied with the result but at least I have a spinner on the screen until it renders the last message.