Javascript 限制React Native Flatlist中的手风琴内容

我想限制FlatList中渲染的初始项目数。在平面列表中，我使用的是手风琴。当我打开平面列表时，它会显示许多手风琴，尽管我有一个手风琴和两个标题。我使用react native。这是我的手风琴内容：

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}

        />
    );

返回(
index.toString（）}
renderItem={（{item}）=>
}
initialNumToRender={1}
maxToRenderPerBatch={1}
onEndReachedThreshold={0.5}
/>
);

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

---

您的平面列表数据道具应该是部分，而不是订单

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

    />
);

返回(
index.toString（）}
renderItem={（{item}）=>
}
initialNumToRender={1}
maxToRenderPerBatch={1}
onEndReachedThreshold={0.5}
/>
);

您的平面列表数据道具应该是部分，而不是订单

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

    />
);

返回(
index.toString（）}
renderItem={（{item}）=>
}
initialNumToRender={1}
maxToRenderPerBatch={1}
onEndReachedThreshold={0.5}
/>
);

hi Jasur，根据文档，我找到了两个数据处理道具ActiveSection和Section。你能复制一下repo中展示的演示吗：hi Jasur，根据我找到的两个数据处理道具activeSections和sections。您能否复制回购协议中显示的演示：