Scroll on Header no longer working on Android (issue is latest react-native-reanimated)

[emmanuel-D]

Feature request

On iOS everything works as usual. But not and Android after migrating to Expo SDK 51 with comes with below dependencies:

Dependencies in package.json of example/ to reproduce the bug:

{
    "react-native-gesture-handler": "^2.16.2",
    "react-native-pager-view": "6.3.0",
    "react-native-reanimated": "~3.10.1",
}

Describe the feature request

Peer dependencies on react-native-reanimated need to be updated in order to make the Header scrolling again.

Current behavior

Scroll on Header no longer working on Android. The issue is due to the latest react-native-reanimated: "~3.10.1"

Screenshots (if applicable)

Demo:

https://github.com/PedroBern/react-native-collapsible-tab-view/assets/37305687/8b923858-fcce-4eb9-9425-dd4183650695

[ullaskunder1]

same issue

[bjoern-sellnau]

@emmanuel-D do you have lazy enabled or a refreshControl ? cause i have the same problem and if i only enable refreshControl for iOS it works also i use lazy together with cancelLazyFadeIn enabled for android maybe this could work for you as a temporary workaround until the package have been updated

[emmanuel-D]

@emmanuel-D do you have lazy enabled or a refreshControl ? cause i have the same problem and if i only enable refreshControl for iOS it works also i use lazy together with cancelLazyFadeIn enabled for android maybe this could work for you as a temporary workaround until the package have been updated

Indeed. A temp fix on Android will be removing the refreshControl props from Tabs.ScrollList, Tabs.FlatList, ... imported from this package.

[mexysfr]

I can confirm that setting refreshControl to undefined when Platform.OS is android temporarily fixed the issue. No issue has been found on iOS if refreshControl is set Let's try to investigate this