React-native-tab-view: how to remove the bottom line in tabBar

[wowtrxqn]

How can I remove the tabbar bottom line

[wowtrxqn]

I got it.

[garrottkai]

What was the solution?

[garrottkai]

for reference, the line is a box shadow. Setting shadowOpacity and elevation to 0 on TabBar gets rid of it.

[shahabrauf18]

In my case, setting shadowOpacity: 0 works well.

<TabBar
     {...props}
     indicatorStyle={{ backgroundColor: Colors.blue.alt2 }}
     style={{ backgroundColor: Colors.white.default, shadowOpacity: 0 }}
     activeColor={Colors.blue.alt2}
     inactiveColor={Colors.grey.default}
  />

[mgpepe]

@shahabrauf18 not in TabBar though, in the TabView!