# <cell>
# Summary
This component must be used as a subcomponent of a list
recycler
waterfall
component.
# Child Components
This type of component supports all kinds of weex component as its child components. But you should not add another scroller or list into a cell.
# Attributes
- keep-scroll-position boolean. It controls whether to keep the last sliding position after inserting the cell.
- insert-animation string, cell insert animation. Only support
none
anddefault
now. - delete-animation string, cell delete animation. Only support
none
anddefault
now. - recycle boolean, iOS, Android, default true. It controls whether the cell's view in a list should be recycled when the UITableView is scrolling. You should always use true for iOS. On Android recycle is always true, you can use false to prevent image and text data rebinding.
# Styles
- common styles. Check out common styles.
TIP
- You can't give
<cell>
aflex
value. Width of<cell>
is equal to the width of its parent list/recycler/waterfall component, and you don't need to specify its height. - Cell itself is a container and its layout info is managed by parent component such as list. So
margin
should not be specified for a cell.
# Events
- common events. Check out common events.
# Vue Example
Please refer to
# Rax Example
import RecyclerView from 'rax-recyclerview';
<RecyclerView.Cell>{...}</RecyclerView.Cell>