- <cell>
- 简介
- 子组件
- 属性
- 样式
- 事件
- Vue 示例
- Rax 示例
<cell>
简介
Cell 必须以一级子组件的形式存在于 list
recycler
waterfall
中。
子组件
Cell 支持添加任意类型的组件作为自己的子组件,但是请不要再内部添加滚动容器了。
属性
- insert-animation string, cell 的插入动画。当前只支持
none
和default
。 delete-animation string, cell 的删除动画。当前只支持
none
和default
。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
提供的子组件,使用方式如下
import RecyclerView from 'rax-recyclerview';
<RecyclerView.Cell>{...}</RecyclerView.Cell>
rax-recyclerview 文档