StickyHeaderFlatList Not Show Fully Refresh Control When Has Header

[hoangtam101]

Environment

Library version: 1.1.1 OS version: iPhone 11, iOS 16.6

Affected platforms

• [X] Android
• [X] iOS

Current behavior

When I pull down to make pull refresh visible, then I release the touch. The animation of the pull to refresh control behind the Header.

Expected behavior

The pull to refresh control should be visible and bottom of the header

Reproduction

const [isRefresh, setRefresh] = useState(false);

const handleRefresh = useCallback(async () => { setRefresh(true); }, []);

<StickyHeaderFlatList numColumns={3} ref={flatListRef} data={data} renderHeader={() => <Header onSearch={onSearch} />} refreshing={isRefresh} onRefresh={handleRefresh} renderTabs={() => ( <SegmentType segmentType={segmentType} onSegmentPress={onSegmentPress} /> )} renderItem={({ item }) => ( <Card item={item} handleCardPressed={handleCardPressed} /> )} keyExtractor={(item: { name: string }) => item.name} onEndReached={loadMoreData} scrollEventThrottle={16} />