react native列表添加item后滚动到列表底部
聊天对话页使用FlatList列表组件展示对话内容,当增加一条对话内容时使列表滚动至底部,可按如下方法实现:
ref="flatlist"
onContentSizeChange={() => {
requestAnimationFrame(() => {
this.refs.flatlist.scrollToEnd({
animated: true
});
});
}}
步骤:onContentSizeChange回调方法当数组发生变化执行,requestAnimationFrame渲染动画帧,refs.doc.scrollToEnd为内置事件,可指定列表滚动至列表底部