DynamicScroller
: component that wraps the RecycleScroller component and extends its features to include dynamic size management. The main use case for this is when you do not know the size of the items in advance. The Dynamic Scroller automatically "discovers" item dimensions as it renders new items during scrolling.
DynamicScrollerItem
: must wrap each item in a DynamicScroller to handle size computations.
The component that should wrap all the items in a DynamicScroller.
Props
item (required): the item rendered in the scroller.
active (required): holding view active in RecycleScroller. Will prevent unnecessary size recomputation.
sizeDependencies: values that can affect the size of the item. This prop will be watched and if one value changes, the size will be recomputed. Recommended instead of watchData.
watchData (default: false): deeply watch item for changes to re-calculate the size (not recommended, can impact performance).
tag (default: 'div'): element used to render the component.
emitResize (default: false): emit the resize event each time the size is recomputed (can impact performance).
Events
resize: emitted each time the size is recomputed, only if emitResize prop is true.