List Views是用于展示列表數(shù)據(jù)的缘滥，包括FlatList和SectionList。
-
FlatList:不帶頭部的谒主，有兩個(gè)屬性-
data朝扼，需要顯示的數(shù)據(jù) -
renderItem，渲染數(shù)據(jù)霎肯，以Text組件渲染 - 示例代碼
<FlatList keyExtractor = {this._extraUniqueKey} data={[ {item:'aaa'}, {item:'bbb'}, {item:'ccc'}, {item:'ddd'}, {item:'eee'}, ]} renderItem={({item}) => <Text style={styles.item}>{item.item}</Text>} /> -
-
SectionList：帶頭部的擎颖，有兩個(gè)屬性-
sections，需要顯示的數(shù)據(jù) -
renderItem观游，渲染數(shù)據(jù)搂捧，以Text組件渲染 -
renderSectionHeader，頭部 - 示例代碼
<SectionList keyExtractor = {this._extraUniqueKey} sections={[ {item:'a', data:['a', 'aa', 'aaa']}, {item:'b', data:['b', 'bb', 'bbb']}, {item:'c', data:['c', 'cc', 'ccc']}, {item:'d', data:['d', 'dd', 'ddd']}, {item:'e', data:['e', 'ee', 'eee']}, ]} renderItem={({item}) => <Text style={styles.item}>{item}</Text>} renderSectionHeader={({section}) => <Text style={styles.sectionHeader}>{section.item}</Text>} /> -
