Headers are not collapsed when using Tabs.FlashList. about react-native-collapsible-tab-view HOT 17 OPEN

This package used to work seamlessly with expo. However, after upgrading from expo SDK 50 to SDK 51, the following dependencies were updated:

• react-native-reanimated: ~3.6.2 → 3.10.1
• react-native-pager-view: 6.2.3 → 6.3.0
• react-native-gesture-handler: 2.14.0 → 2.16.1

Since expo includes specific versions of these packages with each release, manually changing the versions isn't feasible.

I recommend keeping this issue open until it is resolved and the package is compatible with the latest expo SDK 51 (51.0.8 as of May 20th 2024).

from react-native-collapsible-tab-view.

@Ucekay I performed the same operation, but there will be version compatibility issues

from react-native-collapsible-tab-view.

Fixed this by setting react-native-reanimated to exactly 3.8.1 👍

Thank you, @tomas1808 !
I am able to solve this by simply changing reaxt-native-reanimated to 3.8.1. Here are the versions of the packages.

• "react-native-collapsible-tab-view": "^7.0.1"
• "react-native-pager-view": "^6.3.0"
• "react-native-gesture-handler": "^2.16.0"

I have a feeling that this problem is related to this issue that has been occurring since version 3.9.0 of react-native-reanimated.

from react-native-collapsible-tab-view.

+1 same issue.

from react-native-collapsible-tab-view.

Same!

from react-native-collapsible-tab-view.

can confirm

from react-native-collapsible-tab-view.

+1 same issue

from react-native-collapsible-tab-view.

same. worked before i updated expo and maybe accidently updated this package

from react-native-collapsible-tab-view.

Fixed this by setting react-native-reanimated to exactly 3.8.1 👍

from react-native-collapsible-tab-view.

@tomas1808 interesting, I tried this but didn't work. Is this version 7.0.1 of react-native-collapsible-tab-view?

from react-native-collapsible-tab-view.

@vbylen My exact configuration is:

• "react-native-collapsible-tab-view": "^7.0.1"
• "react-native-pager-view": "^6.2.3"
• "react-native-reanimated": "3.8.1"

from react-native-collapsible-tab-view.

@tomas1808 what about react-native-gesture-handler?

from react-native-collapsible-tab-view.

@saulamsal "react-native-gesture-handler": "~2.14.0"

from react-native-collapsible-tab-view.

@Ucekay Glad it worked for you! Not sure why not everyone is having the same success.

I'll use this moment to promote my own question in case anyone is feeling like giving back 🤣

from react-native-collapsible-tab-view.

This package used to work seamlessly with expo. However, after upgrading from expo SDK 50 to SDK 51, the following dependencies were updated:

• react-native-reanimated: ~3.6.2 → 3.10.1
• react-native-pager-view: 6.2.3 → 6.3.0
• react-native-gesture-handler: 2.14.0 → 2.16.1

Since expo includes specific versions of these packages with each release, manually changing the versions isn't feasible.

I recommend keeping this issue open until it is resolved and the package is compatible with the latest expo SDK 51 (51.0.8 as of May 20th 2024).

In Android Tabs.ScrollView & Tabs.FlatList also not working

from react-native-collapsible-tab-view.

Based on this 3.13.0-rc.1 version of Reanimated working fine with all Tabs.ScrollView , Tabs.FlatList & Tabs.MasonryFlashList in both iOS & Android.

Currently my package.json is:

• "expo": "^51.0.14",
• "react-native": "0.74.2",
• "react-native-reanimated": "~3.13.0-rc.1",
• "react-native-gesture-handler": "~2.16.1",

from react-native-collapsible-tab-view.

@jayan2019 "react-native-reanimated": "3.8.1"

from react-native-collapsible-tab-view.