HightLight / ScrollTo – ListView,React-Native上的ScrollView

发布时间：2020-12-15 20:41:16 所属栏目：百科来源：网络整理

导读：我正在玩一些反应本地的人,我陷入了一个我无法自己解决的阶段.我有一个项目列表,我想自动滚动到某个项目. 我知道我可以使用ScrollView和contentOffset = {{x：0,y：0}}并设置和偏移,但是它会有点复杂,因为我需要跟踪每个项目的位置,我我想知道是否有一个简单

我正在玩一些反应本地的人,我陷入了一个我无法自己解决的阶段.我有一个项目列表,我想自动滚动到某个项目.

我知道我可以使用ScrollView和contentOffset = {{x：0,y：0}}并设置和偏移,但是它会有点复杂,因为我需要跟踪每个项目的位置,我我想知道是否有一个简单的方法,所以我可以专注于ListView中的特定行.

lib上有这样的东西吗？如果有人能给我一个暗示会很棒……

ScrollView不提供滚动到特定列表项的方法 – 但它确实提供了scrollTo({x,y,animated})方法.

如果您的列表项具有相同的高度,则可以通过调用scrollTo({y：itemIndex * ROW_HEIGHT})来使用它们来实现滚动到特定项目.

为了能够访问ScrollView实例,您需要使用ref属性回调进行捕获：

<ScrollView ref={view => this._scrollView = view} />

并将滚动位置设置在其他位置：

scrollToRow(itemIndex) {
  this._scrollView.scrollTo({y:itemIndex * ROW_HEIGHT});
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!