react native列表添加item后滚动到列表底部

聊天对话页使用FlatList列表组件展示对话内容，当增加一条对话内容时使列表滚动至底部，可按如下方法实现：

ref="flatlist"
onContentSizeChange={() => {
     requestAnimationFrame(() => {
         this.refs.flatlist.scrollToEnd({
             animated: true
         });
     });
}}

步骤：onContentSizeChange回调方法当数组发生变化执行，requestAnimationFrame渲染动画帧，refs.doc.scrollToEnd为内置事件，可指定列表滚动至列表底部

 

标签：滚动,flatlist,onContentSizeChange,scrollToEnd,列表,react,item,refs
来源： https://www.cnblogs.com/neeter/p/12659468.html