React Native listview 使用详解

initialListSize={20} // 指定在组件刚挂载的时候渲染多少行数据

pageSize={10} // 每次事件循环渲染的行数

scrollRenderAheadDistance={50} // 当一行接近屏幕范围多少像素之内的时候开始渲染改行

removeClippedSubviews={true} // 用于提升大列表的滚动性能(需要给行容器添加样式overflow:'hidden')默认开启

dataSource={ds.cloneWithRowsAndSections(this.state.datas.lists)} // 渲染的数据聚合

renderRow={this._renderList} // 单一条数模板

minPulldownDistance={30} // 最新下拉长度

renderFooter={this.renderFooter} // 渲染页脚

onEndReached={this.onEndReached} // 当所有数据已经渲染过,并且列表被滚动到距离底部不足100像素距离时调用

onEndReachedThreshold={100} // 调用onEndReached之前的临界值,单位是像素

refreshControl={

refreshing={this.state.isRefreshing} //是否显示指示器

onRefresh={this._reloadLists} // 刷新时调用的方法

tintColor= "#fff" // 指示器颜色

title="正在拉取数据..."

/>

}

/>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容