属性
| 名称 | 类型 | 意义 | 默认值 |
|---|---|---|---|
| dataSource | ListViewDataSource | 数据集 | 无 |
| initialListSize | number | 设置第一页初始化的元素个数 | 无 |
| onChangeVisibleRows | function | 当有元素的可见性发生改变的时候，该函数会被调用，(visibleRows, changedRows)参数代表了状态可见，状态改变的行，当visible为true时，代表滑入到视图，当visible为false表示滑出视图 | 无 |
| onEndReached | function | 当所有元素展现完或着滑动结束后调用的函数 | 无 |
| onEndReachedThreshold | number | 像素的临界值，该属性和onEndReached配合使用，因为onEndReached滑动结束的标志是以该值作为判断条件的 | 无 |
| pageSize | number | 每一次循环事件显示的行数(暂没理解该意思) | 无 |
| removeClippedSubviews | bool | 提升性能的一个选项，是一解决溢出的方法，具体做法是隐藏行容器 | 无 |
| renderFooter | function | 渲染底部 | 无 |
| renderHeader | function | 渲染头部 | 无 |
| renderRow | function | 渲染行 | 无 |
| renderScrollComponent | function | 返回一个可滚动的组件 | 无 |
| renderSectionHeader | function | 不祥 | 无 |
| renderSeparator | function | 针对某一特殊元素进行渲染 | 无 |
| scrollRenderAheadDistance | number | 渲染的时间 | 无 |
实例
"use strict";
var React = require("react-native");
var {
ListView,
AppRegistry,
StyleSheet,
View,
Text,
} = React;
var helloworld = React.createClass({
getInitialState: function() {
var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
return {
dataSource: ds.cloneWithRows(["row 1", "row 2","row 3","row 4", "row 5","row 6","row 7", "row 8","row 9"]),
};
},
render: function() {
return (
<ListView
dataSource={this.state.dataSource}
renderRow={(rowData) => <Text>{rowData}</Text>}
initialListSize={5}
pageSize={1}
scrollRenderAheadDistance={20}
/>
);
},
});
var styles = StyleSheet.create({
});
AppRegistry.registerComponent("hellowrold",() => helloworld);
Android
适用于Android