文档中心 > 淘应用文档

淘应用-组件-布局组件-RecyclerView 列表容器

更新时间:2018/01/10 访问次数:361

RecyclerView

ScrollView 的同门师兄,在Weex下是对 listcell 的包装,其具有复用内部组件来提供性能的机制。

属性

名称 类型 默认值 描述
onEndReached Function 滚动到底部触发事件,将修改后的数据付给 data
onEndReachedThreshold Number 500 距离多少开始加载下一屏,数字单位默认 rem
onScroll Function 滚动时触发的事件,返回当前滚动的水平垂直距离

基本示例

// demo
import {createElement, Component, render} from 'rax';

const styles = {
  sticky: {
    width: 750,
    height: 100,
    backgroundColor: 'red'
  }
};

render(<RecyclerView>
  <RecyclerView.Header>
    <View style={styles.sticky}>
      <Text>Sticky view must in header root</Text>
    </View>
  </RecyclerView.Header>
  <RecyclerView.Cell><Text>HELLO</Text></RecyclerView.Cell>
  <RecyclerView.Cell><Text>HELLO</Text></RecyclerView.Cell>
  <RecyclerView.Cell><Text>HELLO</Text></RecyclerView.Cell>
  <RecyclerView.Cell><Text>HELLO</Text></RecyclerView.Cell>
  <RecyclerView.Cell><Text>HELLO</Text></RecyclerView.Cell>
  <RecyclerView.Cell><Text>HELLO</Text></RecyclerView.Cell>
  <RecyclerView.Cell><Text>HELLO</Text></RecyclerView.Cell>
</RecyclerView>);

FAQ

关于此文档暂时还没有FAQ
返回
顶部