react native FlatList 组件滚动问题

最新推荐文章于 2024-07-30 10:56:44 发布

努力学前端Hang

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量129

点赞数 2

文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/m0_57108418/article/details/140719725

版权

版本"react-native": "0.74.2",

<FlatList
      style={{width: '100%'}}
      ref={flatListRef}
      data={list}
      renderItem={chatItem}
      keyExtractor={item => item.id}
      // onScroll={handleScroll}
      onContentSizeChange={() => {
        // 内容大小变化时，如果未手动滚动，则滚动到底部
        // if (!scrollEnabled) {
        scrollToBottom();
        // }
      }}></FlatList>

const scrollToBottom = () => {
    // console.log('滚到底部');
    // flatListRef.current?.scrollToEnd({animated: true});
    (flatListRef.current as any)._listRef._scrollRef.scrollToEnd({
      animated: true,
    });
  };

使用这个能滚动到底部

(flatListRef.current as any)._listRef._scrollRef.scrollToEnd()