React Native - 立即设置内容位置,避免慢速滚动

时间:2016-12-18 07:15:55

标签: reactjs animation react-native scrollview

This question指出在ScrollView上使用scrollTo时无法控制滚动速度。是否有替代scrollTo,只是立即将内容设置为新位置(没有任何动画)?

这可能会被"你无法做到"回答我链接,但不确定,因为我不知道将内容设置为新位置是否立即计为滚动。

我使用的是ListView,但由于这是使用ScrollView构建的,我假设同样的问题适用于两者。

1 个答案:

答案 0 :(得分:0)

如上所述Michael,您可以将animated标记设置为false,以避免滚动动画。我有这个,但认为它没有用。

原来滚动速度很慢,因为ListView中的项目是逐渐加载的,所以即使每次添加一个项目,即使是即时滚动仍然看起来像渐变滚动。

要解决这个问题,我将ListView的pageSize设置为30(列表中的消息数),以包含在单个事件循环中加载所有ListView的项目,从而得到单个滚动跳转,而不是逐渐滚动。

<ListView dataSource={messagesDataSource}
          renderRow={this._renderMessage}
          pageSize={DEFAULT_NUM_MESSAGES} />