FlatList在功能组件中设置ViewabilityConfig

Question

我有此功能组件，现在我想配置viewabilityConfig，但是当我尝试滚动列表时出现此错误：

[Unhandled promise rejection: Invariant Violation: Must set exactly one of itemVisiblePercentThreshold or viewAreaCoveragePercentThreshold]

我试图将配置放入useRef中，但这会触发相同的错误。

    export default function Test(){
 
        const _viewabilityConfig = {
            minimumViewTime: 50,
            waitForInteraction: true,
            viewAreaCoveragePercentThreshold: 100,
            itemVisiblePercentThreshold: 80
        }
        
        return(
            <View style={styles.container}>
                <FlatList
                    data={dataSource}
                    viewabilityConfig={_viewabilityConfig}
                    onViewableItemsChanged={onViewRef.current}
                    ItemSeparatorComponent={renderSeperator}
                    ref={flatListRef}
                />
            </View>
        )
    }

Answer 1

为什么同时需要itemVisiblePercentThreshold和viewAreaCoveragePercentThreshold？

删除其中一个属性，然后尝试。

请参见this以了解您到底想要什么。