SubHeader will move up after pulling down.
Opened this issue · 1 comments
Information
-
react-native version: 0.64.5
-
react-navigation version:
"@react-navigation/compat": "5.3.15",
"@react-navigation/native": "5.9.4",
"@react-navigation/stack": "5.14.4", -
react-navigation-collapsible version: 5.10.2
-
Platform (iOS/Android): iOS
-
react-native init or Expo:
These are my codes:
const { onScroll, containerPaddingTop, translateY } = useCollapsibleSubHeader();
<Fragment> <Animated.FlatList renderItem={renderItem} keyExtractor={keyExtractor} onScroll={onScroll} data={data} ListEmptyComponent={ListEmptyComponent} ListHeaderComponent={ListHeaderComponent} refreshing={refreshing} onRefresh={onRefresh} viewabilityConfig={{ itemVisiblePercentThreshold: dimensionSize.padding60, }} onScrollEndDrag={onScrollEndDrag} onMomentumScrollEnd={onMomentumScrollEnd} progressViewOffset={containerPaddingTop} contentContainerStyle={[ { paddingTop: Platform.OS === PLATFORM.IOS ? 0 : containerPaddingTop, }, containerStyle, ]} contentInset={{ top: containerPaddingTop }} contentOffset={{ x: 0, y: -containerPaddingTop }} /> <CollapsibleSubHeaderAnimator translateY={translateY}>{header}</CollapsibleSubHeaderAnimator> </Fragment>
Because I want to show loading, show I add "contentInset" and "contentOffset". When I pull down a long distance and release it, the header will move up.
RPReplay_Final1625888410.MP4
IMO, it looks difficult to fix.
Just for an idea, could you try to make your scrollview content not be unmounted during the refresh? (considering this blinking effect is also bad) and see if it helps? (I doubt, though)