Weird animation behavior on IOS

[devoren]

trafficstars

• [+] I am using the latest scrollable tab view version

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 <SafeAreaView style={styles.container}> <ScrollableTabView scrollWithoutAnimation tabBarUnderlineStyle={{ backgroundColor: COLOR.PRIMARY, height: 4, }} tabBarTextStyle={{ color: COLOR.BLACK, fontSize: SCALE.MD, }} renderTabBar={(e) => ( <ScrollableTabBar style={{ borderColor: COLOR.GRAY[6], }} tabStyle={{ paddingLeft: SCALE.SS, paddingRight: SCALE.SS, }} tabsContainerStyle={{ marginLeft: e.activeTab == 0 ? SCALE.MD : SCALE.SM, marginRight: SCALE.SM, }} /> )} onChangeTab={(value) => { setCategory(categories[value.i].id); scrollY.setValue(0); }} > {screens..} </ScrollableTabView> </SafeAreaView>

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",