1,ListView組件用于顯示一個垂直的滾動列表,其中的元素之間結構近似而僅數據不同。
2,ListView更適于長列表數據,且元素個數可以增刪。和ScrollView不同的是,ListView并不立即渲染所有元素,而是優先渲染屏幕上可見的元素。
3,ListView組件必須的兩個屬性是dataSource和renderRow。dataSource是列表的數據源,而renderRow則逐個解析數據源中的數據,然后返回一個設定好格式的組件來渲染。
4,rowHasChanged函數也是ListView的必需屬性。這里我們只是簡單的比較兩行數據是否是同一個數據(===符號只比較基本類型數據的值,和引用類型的地址)來判斷某行數據是否變化了。
export default class hyuxin extends Component {
// 初始化模擬數據
constructor(props) {
super(props);
//rowHasChanged函數也是ListView的必需屬性。這里我們只是簡單的比較兩行數據是否是同一個數據(===符號只比較基本類型數據的值,和引用類型的地址)來判斷某行數據是否變化了。
const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
this.state = {
dataSource: ds.cloneWithRows([
'John', 'Joel', 'James', 'Jimmy', 'Jackson', 'Jillian', 'Julie', 'Devin'
])
};
}
render() {
return (
<View style={{flex: 1, paddingTop: 22}}>
<ListView
dataSource={this.state.dataSource}
renderRow={(rowData) => <Text>{rowData}</Text>}
/>
</View>
);
}
}
暫時listView就寫這樣,后續會自己總結寫一個小demo
本文參考于http://reactnative.cn/docs/0.42/using-a-listview.html#content