React-native-tab-view: Remove default bottom border?

[karanpratapsingh]

Hey, can somebody help me to remove the bottom border on the tab view?

[karanpratapsingh]

It's not border, it's acutally shadow,

You can remove using this:

<Tabview
...
style={{
 shadowOffset: { height: 0, width: 0 }, 
 shadowColor: 'transparent',
 shadowOpacity: 0,
 elevation: 0 
}}
/>

[springkjw]

If you use renderTabbar Props, Default Bottom Style is in TabBar Component. So you should pass props style in TabBarComponent.

<TabView
...
  renderTabBar={props =>
   <TabBar
     style={{
       shadowOffset: { height: 0, width: 0 }, 
       shadowColor: 'transparent',
       shadowOpacity: 0,
       elevation: 0 
     }}
   />
 }
/>

[VSV6]

@springkjw thanks man it really worked for me. I was been looking for a whole day just for this. Now it has been solved. Thank you so much! And I think just elevation: 0 this one is enough to take out the tab bar shadow.

[nhanpdnguyen]

Was finding a solution for Android version and elevation: 0 has worked ✅