• <cell>
    • 简介
    • 子组件
    • 属性
    • 样式
    • 事件
    • Vue 示例
    • Rax 示例

    <cell>

    简介

    Cell 必须以一级子组件的形式存在于 list recycler waterfall 中。

    子组件

    Cell 支持添加任意类型的组件作为自己的子组件,但是请不要再内部添加滚动容器了。

    属性

    • insert-animation string, cell 的插入动画。当前只支持 nonedefault
    • delete-animation string, cell 的删除动画。当前只支持 nonedefault

    • recycle boolean, 默认值 true。这个属性控制这个 Cell 的 view 和子 views 是否在列表滚动时进行回收,在 iOS 上通常必须指定为 true (因为默认为 true,所以一般不需要写这个属性),如果设置为 false,列表滚动时,页面会占用非常高的内存。Android上默认是true,设置为false可以防止Image和Text上数据重新绑定。

    样式

    • 通用样式. 参见通用样式
    • 不要指定 <cell>flex 值。Cell 的宽度是由它的父容器决定的,你也不需要指定它的高度。
    • Cell 的排版的位置是由父容器控制的,所以一般不要为其指定 margin 样式。

    事件

    • 通用事件. 参见通用事件

    Vue 示例

    Cell 的例子请参考

    • list
    • waterfall

    Rax 示例

    Rax 中 cell 是 rax-recyclerview 提供的子组件,使用方式如下

    1. import RecyclerView from 'rax-recyclerview';
    1. <RecyclerView.Cell>{...}</RecyclerView.Cell>

    rax-recyclerview 文档