React-Native从入门到放弃

SectionList

2018-08-29  本文已影响138人  一朝瑾秋色

sections

数据源

initialNumToRender

初始批次中要渲染的项目数。这应该足以填满屏幕,但不是更多。请注意,这些项目永远不会作为窗口渲染的一部分卸载,以提高滚动到顶部操作的感知性能。

renderItem

核心,每个部分中每个项目的默认渲染器

ItemSeparatorComponent

在每个项目之间渲染,但不在顶部或底部。

inverted

反转滚动方向。使用-1的比例变换。

ListFooterComponent

在列表的最后呈现

ListEmptyComponent

列表为空时呈现

ListHeaderComponent

在列表的最开始处呈现

renderSectionFooter

在每个部分的底部呈现。

renderSectionHeader

呈现在每个部分的顶部。这些ScrollView在iOS上默认粘在顶部

SectionSeparatorComponent

在每个部分的顶部和底部呈现(请注意,这与ItemSeparatorComponent仅在项目之间呈现的不同)。这些用于将部分与上方和下方的标题分开,并且通常具有相同的高亮响应ItemSeparatorComponent。还接收highlighted,[leading/trailing][Item/Separator]和任何自定义道具separators.updateProps。

stickySectionHeadersEnabled

使章节标题贴在屏幕顶部,直到下一个标题将其推下。仅在iOS上默认启用,因为那是平台标准


方法

scrollToLocation()

滚动到位于可视区域中的指定sectionIndex和itemIndex(位于该区域内)的项目,使得viewPosition0将其置于顶部(并且可以由粘性标题覆盖),1位于底部,0.5位于中间。

注意:如果未指定getItemLayout或onScrollToIndexFailed支持,则无法滚动到渲染窗口之外的位置。

params:

'animated'(boolean) - 列表是否应该在滚动时执行动画。默认为true。

'itemIndex'(数字) - 要滚动到的项目的部分内的索引。需要。

'sectionIndex'(数字) - 包含要滚动到的项的部分的索引。需要。

'viewOffset'(数字) - 用于偏移最终目标位置的固定数量的像素,例如用于补偿粘性标题。

'viewPosition'(number) - 将0索引指定的项放在顶部,1底部,0.5居中于中间的值。

上一篇下一篇

猜你喜欢

热点阅读