当前位置: 首页 > 文档资料 > Weex 中文文档 >

<cell>

优质
小牛编辑
122浏览
2023-12-01

简介

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

子组件

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上数据重新绑定。

样式

TIP

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

事件

Vue 示例

Cell 的例子请参考

Rax 示例

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

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

rax-recyclerview 文档