ptomasroos / react-native-scrollable-tab-view

Tabbed navigation that you can swipe between, each tab can have its own ScrollView and maintain its own scroll position between swipes. Pleasantly animated. Customizable tab bar
https://www.npmjs.com/package/react-native-scrollable-tab-view
6.93k stars 2.29k forks source link

Weird animation behavior on IOS #1177

Closed devoren closed 1 year ago

devoren commented 2 years ago

I have Weird animation behavior on IOS, sometimes on real device lagging or i dont know what is it and why it happens, if you know how to solve it, please let me know

Steps to Reproduce

There is my code, i use ScrollableTabBar

( )} onChangeTab={(value) => { setCategory(categories[value.i].id); scrollY.setValue(0); }} > {screens..}

const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: COLOR.WHITE, }, });

Expected Behavior

https://drive.google.com/file/d/182nuG1szs6EjN7s2aKm9EXc4JmacTDOL/view?usp=sharing

Actual Behavior

Sometimes happens weird animation behavior https://drive.google.com/file/d/1XM-_IBTwqvQn68vWfM0R4iQuF4x19s-V/view?usp=sharing

"react": "17.0.2", "react-native": "0.67.2", "react-native-scrollable-tab-view": "^1.0.0", "react-native-pager-view": "^5.4.24",

devoren commented 1 year ago

I am using another library