当数据为空时,是否可以呈现备用组件?我不只是呈现列表或不呈现列表的唯一原因是,在这两种情况下(data.length
和!data.length
)都需要ListHeaderComponent
...
const data = []
<FlatList
contentContainerStyle={styles.list}
data={data} // if empty or !data.length render <ZeroComponent/>
当数据为空时,是否可以呈现备用组件?我不只是呈现列表或不呈现列表的唯一原因是,在这两种情况下(data.length
和!data.length
)都需要ListHeaderComponent
...
const data = []
<FlatList
contentContainerStyle={styles.list}
data={data} // if empty or !data.length render <ZeroComponent/>
UPDATE
const data = []
_listEmptyComponent = () => {
return (
<View>
// any activity indicator or error component
</View>
)
}
<FlatList
data={data}
ListEmptyComponent={this._listEmptyComponent}
contentContainerStyle={styles.list}
/>
const data = []
renderFooter = () => {
if (data.length != 0) return null;
return (
<View>
// any activity indicator or error component
</View>
);
};
<FlatList
contentContainerStyle={styles.list}
data={data}
ListFooterComponent={this.renderFooter}
/>
希望这有帮助