React-native – Is it possible to keep a ScrollView scrolled to the bottom


For a chat-like app, I want to keep a ScrollView component scrolled to the bottom, because newest messages appear under the older ones. Can we adjust the scroll position of a ScrollView?

Best Answer

For React Native 0.41 and later, you can do this with the built-in scrollToEnd method:

    ref={ref => {this.scrollView = ref}}
    onContentSizeChange={() => this.scrollView.scrollToEnd({animated: true})}>