Skip to content

[ListView] Some props not having any effect #1514

@marcshilling

Description

@marcshilling

Here's my render method, a simple ListView (contained within a NavigatorIOS and TabBarIOS):

  render() {
    return (
      <ListView
        ref='listView'
        contentInset={{top: 20, bottom: 49}}
        contentOffset={{y: 0}}
        scrollIndicatorInsets={{top: 64, bottom: 49}}
        style={styles.listView}
        dataSource={this.state.dataSource}
        renderHeader={::this.renderHeader}
        renderRow={::this.renderRow}
        automaticallyAdjustContentInsets={false}
        showsVerticalScrollIndicator={true}
        onScrollEndDrag={::this.onScrollEndDrag}
        onScroll={(e) => console.log(e.nativeEvent.contentOffset.y)}
      />
    );
  }

The particular props I'm having issues with are contentOffset and scrollIndicatorInsets. Whatever values I pass these props, I see no changes upon reloading.

My other issue - for some reason the onScrollEndDrag prop function is not called on the iPhone 4S simulator. It is called on all the other sims I've tried...very odd.

Side note: I'm set up using webpack for hot reloads...and I can change the prop values on the fly and watch them work after live reloads. So I can load the view, notice the scroll indicators have not been adjusted...change "top" to 1000 (and watch it become wildly incorrect), then change it back to 64 and watch it become the way it should have been when it first loaded. Of course, if you don't have webpack set up you won't be able to reproduce this - but you should be able to reproduce the fact that the props are seemingly ignored.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions