如何将 ItemSeparatorComponent 添加到 FlatList 中的最后一项

Question

我将Item SeparatorComponent 用于我的FlatList。有没有办法将该行添加到列表的最末尾，例如最后一项的底部边框？

export default Item = ({ title, data }) => {

    const renderSeparator = () => (
        <View
          style={{
            backgroundColor: 'lightgrey',
            height: 0.5,
          }}
        />
    )

    return (
        <View style={styles.container}>
            <View style={styles.title}>
                <Text style={styles.titleText}>{title}</Text>
            </View>
            <View style={styles.subItem}>
                <FlatList
                    ItemSeparatorComponent={renderSeparator}   
                    data={data}
                    renderItem={({ item }) => (
                        <SubItem 
                            title={item.title} 
                            subText={item.subText} 
                        />
                    )}
                    keyExtractor={item => item.id.toString()}
                />
            </View>
        </View>
    )
}

Answer 1

下面

ItemSeparatorComponent={renderSeparator}

添加

ListFooterComponent={renderSeparator}