我想限制FlatList内渲染项目的初始数量。在FlatList内部,我正在使用手风琴。当我打开FlatList时,即使我有一个带有两个标题的手风琴,它也会显示许多手风琴。我使用的是react native collapsible。这是我的手风琴内容:
const SECTIONS = [
{
title: 'First',
content: 'First World',
},
{
title: 'Second',
content: 'Second World',
},
];
这是我的FlatList
return (
<FlatList
style={styles.container}
data={orders}
keyExtractor={(item, index) => index.toString()}
renderItem={({item}) =>
<MyOrdersItem {...item} />
}
initialNumToRender={1}
maxToRenderPerBatch={1}
onEndReachedThreshold={0.5}
/>
);
答案 0 :(得分:0)
您的FlatList数据道具应该是SECTIONS,而不是订单。
return (
<FlatList
style={styles.container}
data={SECTIONS}
keyExtractor={(item, index) => index.toString()}
renderItem={({item}) =>
<MyOrdersItem {...item} />
}
initialNumToRender={1}
maxToRenderPerBatch={1}
onEndReachedThreshold={0.5}
/>
);