【问题标题】:How to scroll to the end of the flatlist without onContentSizeChange如何在没有 onContentSizeChange 的情况下滚动到平面列表的末尾
【发布时间】:2022-01-01 12:45:19
【问题描述】:

我有一个需求

Flatlist 具有 ListHeaderComponent 必须在 Flatlist 呈现时可见。

一旦用户开始向 Flatlist 添加项目,它必须滚动到最后。

如果我使用 onContentSizeChange,Flatlist 将滚动到底部,因为数据是动态加载的。

如果我从 Flatlist 获取 ref 并在数据更新时使用 FlatList 的 scrollToEnd 方法,FlatList 将滚动到末尾上方的一项。我认为这是因为数据更新->滚动->平面列表项按顺序呈现。

问题 1。

有没有办法防止在使用 onContentSizeChange 进行初始渲染时滚动到底部?

问题 2。

有没有办法用 ref 监听 onContentSizeChange 事件?

问题 3。

有没有办法等到渲染实际发生然后在没有 onContentSizeChange 的情况下滚动到最后?

谢谢

【问题讨论】:

    标签: react-native react-native-flatlist


    【解决方案1】:

    显示代码会更好,但如果您滚动到最后,请在平面列表上方提供滚动视图 - flex:1 或为平面列表添加一些填充或为作为 FlatList 父级的每个 View 元素添加 style={{flex: 1}}

    p>

    【讨论】:

      猜你喜欢
      • 2020-10-19
      • 2022-12-17
      • 1970-01-01
      • 1970-01-01
      • 2016-04-16
      • 1970-01-01
      • 1970-01-01
      • 2021-12-07
      • 1970-01-01
      相关资源
      最近更新 更多