React Native ListView scrollToEnd not working

Question

I am using ListView scrollToEnd but it does not work, but it worked for scrollTo . What should I do to handle this.

Answer 1

There is a workaround, wrap it in setTimeout as follows:

 componentDidMount() { setTimeout(() => { this.refs.dateList.scrollToEnd(); }, 50); } 

Answer 2

Try this:

 <ListView ref={ ( ref ) => this.scrollView = ref } onContentSizeChange={ () => { this.scrollView.scrollToEnd( { animated: false } ) } } > </ListView> 

document

Answer 3

Rendering takes time, so setTimeout () will work before scrolling to the end. However, you can use the onLayout () method.

 export default MyComponent extends React.Component { constructor(props) { super(props) this.scrollToBottom = this.scrollToBottom.bind(this) } scrollToBottom() { this.refs.myView.scrollToEnd() } render() { return { <ListView onLayout={this.scrollToBottom} ref='myView' ... /> } } 

Note. ListView is deprecated.