[ScollView/ListView] contentOffsets, contentInsets strange behavior

[marcshilling]

I am trying to make a simple ListView which has a search bar header that is hidden behind the nav bar by default, but upon scrolling you can reveal it (a pretty standard iOS interaction). Has anyone had success with this? I am seeing some pretty strange behavior.

Here is my ListView setup. The list view is behind both a nav bar and a tab bar (hence the content insets):

<ListView
   ref='listView'
   style={styles.listView}
   dataSource={this.state.dataSource}
   renderHeader={::this.renderHeader}
   renderRow={::this.renderRow}
   contentOffset={{x: 0, y: -20}}
   contentInset={{top: 64, bottom: 49}}
   automaticallyAdjustContentInsets={false}
/>

The "strange behavior" I mention is that the "contentOffset" prop (which I believe is how this should be accomplished) seems to have no effect upon this view first appearing. I can set that Y value to anything and the view looks the same when it is presented (the search bar is displayed at the top). However, if I change that Y value and save, the simulator live reloads and seems to adjust the offset properly.

UPDATE:
I've found a really dumb, hacky way of getting around this:

If in componentDidMount I do this:

 setTimeout(() => {
   this.setState({      
      contentOffsetY: -20
   });
 }, 16);

And render ListView's contentOffset like so:

contentOffset={{x: 0, y: this.state.contentOffsetY}}

Then, the search bar is correctly hidden upon the view appearing.

Because of that ^, I'm lead to believe there HAS to be a bug here.

[jtremback]

Would it be possible to replicate this on https://rnplay.org?

[marcshilling]

@jtremback SUPER frustratingly, this seems to work just the way I'd expect (https://rnplay.org/apps/nWGxtw)

However, in my project, of course it does not work that way.

See my updated first post.

[jtremback]

@marcshilling What version of react-native are you running?
@brentvatne What version of react-native is the simulator running?

[marcshilling]

@jtremback I'm on the master branch...0.6.0

[brentvatne]

@jtremback - that simulator is on 0.5.0 (see the header bar)

[PhilippKrone]

Is this related to my issue? #1779

[jaygarcia]

Seems like #2151 might be related.

[felixakiragreen]

👍

[aleclarson]

👍

[christopherdro]

Related #1779 or #2151.

@ide @brentvatne Can be closed. Solution provided in related issues.