Back to Uni App

Flow Item

docs/component/flow-item.md

2.3.32.8 KB
Original Source
<!-- ## flow-item -->

::: sourceCode

flow-item

:::

组件类型:UniFlowItemElement

waterflow组件的唯一合法子组件

兼容性

Web微信小程序AndroidiOSHarmonyOSHarmonyOS(Vapor)
<a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a><a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a>4.414.414.815.02

waterflow 的子组件,配合 waterflow 内部业务实现 flow-item 回收复用,实现高性能的瀑布流长列表组件。flow-item 组件宽度由 waterflow 的 cross-axis-count 属性决定,所以设置与宽度相关的style样式都不生效。

flow-item 宽度计算公式:((waterflow的width - waterflow的左右的padding值域 - waterflow的border-width的值域) - (cross-axis-count - 1) * cross-axis-gap) / cross-axis-count

属性

名称类型默认值兼容性描述
typenumber0Web: x; 微信小程序: x; Android: 4.41; iOS: 4.41; HarmonyOS: 4.81; HarmonyOS(Vapor): 5.02对应flow-item的类型 waterflow 将对同类型条目进行复用,所以合理的类型拆分,可以很好地提升 waterflow 性能

flow-item复用机制

waterflow 与 list-view 实现机制几乎一致,所以 flow-item 与 list-item 组件复用机制是一样的,请参考:list-item复用机制

<!-- UTSCOMJSON.flow-item.component_type -->

子组件 @children-tags

支持所有组件

参见