return (
<View style={styles(theme).container}>
<SectionList
sections={listData.item}
keyExtractor={(item) => item._id}
renderItem={({item}) => renderItems(item)}
renderSectionHeader={({section: {title, imageUrl}}) => (
<CardWithImageAndTitle image={imageUrl} title={title} />
)}
ItemSeparatorComponent={() => (
<View
style={{
borderBottomWidth: 0.8,
borderColor: theme.text02,
}}
/>
)}
/>
</View>
);
セクション リストがあります。セクション アイテムの非表示/表示を実装したい -onPress
セクション ヘッダー機能を実装してください。