Ability to scroll tabs while tabs count is greater then 10

[ManojSolanki]

Please suggest to me how to make tabs scrollable, In my case tab count is greater than 10.

[Jmzp]

I have a similar question

[dayaki]

Yes please, can we have this? A scrollable option

[MrOttimista]

Yes please make it as a prop. it will be very helpful

[kirankalyan5]

Thank you, PR appreciated

[radekzz]

I figured it out by wrapping tabs into horizontal ScrollView. Hope it helps you guys.

<ScrollView
        showsVerticalScrollIndicator={false}
        showsHorizontalScrollIndicator={false}
        nestedScrollEnabled={false}
        horizontal
      >
        <SegmentedControlTab
          values={['First', 'Second', 'Third', 'Four', 'Five', 'Six']}
          selectedIndex={selectedIndex}
          onTabPress={setSelectedIndex}
          tabStyle={styles.tabStyle}
        />
      </ScrollView>

const styles = StyleSheet.create({
  tabStyle: {
    width: 100,
  },
});