React-native-screens: Option to remove 1pt bottom border on Navbar for iOS

Created on 4 Jan 2020  Â·  3Comments  Â·  Source: software-mansion/react-native-screens

I'm looking for a way to remove the (seemingly native) 1pt border on the bottom of the Navbar on iOS:
image

Is it possible to do with the current options?

Most helpful comment

this does not work for me, any help please?


update: use headerHideShadow: true works for me

All 3 comments

@bartzy Did you ever find a solution?

I used to hide that border by passing a headerStyle containing borderBottomWidth: 0, but since upgrading to React Navigation v4 (which apparently requires react-native-screens… or does it?), that approach no longer works 😕

UPDATE: Managed to hide the border on iOS by setting shadowOpacity: 0 as part of the header style 🎉

https://github.com/software-mansion/react-native-screens#hideshadow should allow this now. If I am not right, feel free to comment.

this does not work for me, any help please?


update: use headerHideShadow: true works for me

Was this page helpful?
0 / 5 - 0 ratings