返回介绍

<cell>

发布于 2020-01-01 14:27:53 字数 1843 浏览 1681 评论 0 收藏 0

简介

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 文档

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文