限制 React Native Flatlist 中的手風琴內容

Question

我想限制在 FlatList 中呈現的初始項目數量。 在 FlatList 中，我使用的是 Accordion。 當我打開 FlatList 時，它顯示了許多手風琴，即使我確實有一個帶有兩個標題的手風琴。我正在使用 react native collapsible 。這是我的手風琴內容：

const SECTIONS = [
{
    title: 'First',
    content: 'First World',
},
{
    title: 'Second',
    content: 'Second World',
},

];

這是我的平面列表

 return (
        <FlatList
            style={styles.container}
            data={orders}
            keyExtractor={(item, index) => index.toString()}
            renderItem={({item}) =>
                <MyOrdersItem {...item} />
            }
            initialNumToRender={1}
            maxToRenderPerBatch={1}
            onEndReachedThreshold={0.5}

        />
    );

我的 OrdersItem 是我使用 Accordion 的地方。 這是我得到的結果：

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}

    />
);