gpt4 book ai didi

React-Native SectionList 滚动到 Android 上看不见的项目

转载 作者:行者123 更新时间:2023-12-04 02:59:00 25 4
gpt4 key购买 nike

对于我正在处理的项目,我需要创建一个组件,用户可以在其中向处于状态的数组添加条目,还有一个 SectionList以显示这些条目。此外,我需要 SectionList 在输入后立即向下滚动到最新条目。 Please check out this snack for an example

添加新条目后,列表本身会显示所有条目和更新,但是一旦列表包含的内容超出屏幕可以显示的范围,它只能向下滚动到倒数第二个,而我真的需要滚动到最后一个。

我尝试了很多事情,包括等待 setState,定义 contentContainerStyle,将整个事情转换为 VirtualizedListScrollView ,我能想到的一切,但我根本无法让它滚动到最后一个条目。

问题:如何让我的 SectionList 滚动到当前超出 SectionList 组件范围的最后一项?

更新
我知道这个问题是由 SectionList 引起的调用 scrollToLocation 时还不包含该项目。解决方案的关键似乎是等待列表的重新呈现

更新 2
SetState 有一个回调也不能解决这个问题。但是,this 中的解决方案评论有效。它的问题在于它仅适用于 .js 文件,而我在整个项目中都使用 .tsx 文件。我怎么能克服这个?

最佳答案

显然这是 React-Native 0.59.6 中的一个错误。

在android上,当在setState的完成块中工作时,需要将超时设置为 0.2 秒,之后,SectionList 将一直向下滚动。但是,应该在那里的项目还没有渲染,有时会在 0.5 秒后出现,导致非常笨重的感觉。

我已经发布了一个问题 Here ,并希望它会尽快修复

关于React-Native SectionList 滚动到 Android 上看不见的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56407198/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com