react-native-scrollable-tab-view
react-native-scrollable-tab-view copied to clipboard
onChangeTab results in undefined error
trafficstars
- [x] I have searched existing issues
- [x] I am using the latest scrollable tab view version
- onChangeTab never fires, results in error:
TypeError: undefined is not a function, js engine: hermes
Steps to Reproduce
Change a tab
Expected Behavior
Tab should change
Actual Behavior
Nothing happens, results in error. CHANGING TAB never prints out. Just get the undefined error.
<ScrollableTabView
initialPage={0}
locked={false}
onChangeTab={({ i, from }) => {
console.log('CHANGING TAB', i, from)
return i !== from && setSelectedTab(i)
}}
renderTabBar={() => <ScrollableTabBar inactiveTextColor="#425164" />}
scrollWithoutAnimation={false}
style={{ backgroundColor: 'white' }}
tabBarActiveTextColor="#3D7BCC"
tabBarBackgroundColor="white"
tabBarInActiveTextColor="#425164"
tabBarTextStyle={{ fontFamily: 'Calibre-Medium', fontWeight: '500', fontSize: 17 }}
tabBarUnderlineStyle={{ backgroundColor: '#3D7BCC' }}
>
{topics.map((item, index) => {
return <View isSelected={selectedTab === index} key={item.id} tabLabel={item.label} />
})}
</ScrollableTabView>
The issue has been fixed, but it hasn't been updated on npm yet. Temporary fix:
yarn add https://github.com/ptomasroos/react-native-scrollable-tab-view