search

ptomasroos / react-native-tab-navigator

A tab bar that switches between scenes, written in JS for cross-platform support
MIT License
2.4k stars 415 forks source link

delete border #195

Open Mrzhang007 opened 5 years ago

Mrzhang007 commented 5 years ago

How can i delete navigator top border?

Lylleny commented 4 years ago

also need the answer

Lylleny commented 4 years ago

i find the top of border line is a view that above all the tabbar.item, so the best way is to delete the line of view. you can delete the TabBar.js code like it: render() { return ( <Animated.View {...this.props} style={[styles.container, this.props.style]}> {this.props.children} {/*<View style={[styles.shadow, this.props.shadowStyle]} />*/} </Animated.View> ); } }

ppv94 commented 3 years ago

Add 

   <TabNavigator 
        tabBarShadowStyle={{backgroundColor:'transparent'}}
       >
      {.....}
   </TabNavigator>