在React Native Flatlist中限制手风琴内容

Question

我想限制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}

        />
    );

我的OrdersItem是我使用手风琴的地方。 这是我得到的结果：

Answer 1

您的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}

    />
);