PedroBern / react-native-collapsible-tab-view

A cross-platform Collapsible Tab View component for React Native
MIT License
815 stars 161 forks source link

Allow to custom MaterialTabBar indicator #341

Open thanhcuong1990 opened 1 year ago

thanhcuong1990 commented 1 year ago

IndicatorComponent

To custom MaterialTabBar indicator we can use IndicatorComponent as a prop of MaterialTabBar.

  const CustomTabbar = useCallback(
    (props) => {
      return (
        <MaterialTabBar
          {...props}
          TabItemComponent={CustomTabItem}
          IndicatorComponent={CustomTabIndicator}
        />
      )
    },
    []
  )

  return (
    <Tabs.Container
      renderTabBar={CustomTabbar}
    >
    ...
    </Tabs.Container>
  )