::: danger <waterfall>
is only supported on Android and iOS, and is not supported on web. :::
A component providing waterfall layout over list component.
Notes: The waterfall only supports the following child components: cell, header, refresh, loading and fixed-position components. Other kinds of components will not be guaranteed to be displayed correctly.
auto
: means that the column width will be determined by other properties(e.g., column-count, if it has a non-auto value).<length>
: describes the optimal column width. The actual column width may be wider (to fill the available space), or narrower (only if the available space is smaller than the specified column width). Specified values must be greater than 0.auto
: means that the number of columns will be determined by other properties (e.g., column-width, if it has a non-auto value).<integer>
: describes the optimal number of columns into which the content of the element will be flowed. Values must be greater than 0. If both column-width and column-count have non-auto values, the integer value describes the maximum number of columns.normal
is specified, the gap will be 32
.none
is specified, the gap will be 0
v0.19+.none
is specified, the gap will be 0
v0.19+.To see other attributes in list, please checkout List Component Attributes
common styles: check out common styles for components
common events: check out the common events
All subcomponents in waterfall support the scrollToElement API in dom module