How to render TabBarIndicator in custom TabBar?

[gkankava]

Hi, can anyone help me to do it?

I want to render TabBarIndicator from
import { TabView, TabBarIndicator } from "react-native-tab-view";
inside custom tabbar.

  const renderTabBar = (props) => {
    return (
      <View>
        <TabBarIndicator {...props} />
      </View>
    );
  };

The problem is <TabBarIndicator {...props} /> also needs getTabWidth function.

<TabBarIndicator {...props} getTabWidth={ () => {} } />. But i don't understand what to do now

[UnluckyLAD]

Exact issue I'm facing a the moment. Setting 'tabStyle' makes the indicator disappear.

Example:

<TabBar
   {...props}
   **style={Styles.tabBar}**
   ...
/>

gives the following result:

whereas the following:

<TabBar
   {...props}
   **tabStyle={Styles.tabBar}**
   ...
/>

returns the exact same UI but with no indicator.

I have a custom styled indicator which can be seen in the first screenshot, height of 3, and bg colour of white.