Skip to content

onChangeTab results in undefined error #1193

@mmckinley8

Description

@mmckinley8
  • 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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions