# Cell
- category: Components
- chinese: 列表项
- type: 基本
---
Nuke UI
 
## Design
`Cell` component implements native row item of a repeatable data list.
## Usage
`Cell` must be used as a sub component of list-like-component , like `ListView` `WaterFall`,etc.
Normally, Nuke wraps each list item with a `Cell` component when using dataSource mode :
```js
// if you use listview datasource like this :
{return ({item})}}
dataSource={["a","b"]}
/>
// Nuke transform it into :
{["a","b"].map((item,index)=>{
return (
|
{item}
|
)
})}
```
Or you can add `Cell` component yourself with `_autoWrapCell={false}`
```js
{
["a","b"].map((item,index)=>{
return (
//... your code
|
)
})
}
```
## API
| Props | Description | type | default |
| ------------------ | ----------------------------------------------------------------------------------------------- | ------- | ------- |
| append | render item mode, useful when a cell is really large, can be `tree` `node` | String | tree |
| keepScrollPosition | keep current scroll position, usefull when you prepend data in a list. **Only works in Native** | boolean | false |
| key | identity key of a cell | String |
## demo 参考
扫码预览(手淘、千牛、天猫等)
