React Navigation Version 6: How to add header bottom border and change border color?-CodePudding

I am trying to add a border to a react navigation header, but nothing is working for me.

Please note, I'm using version 6.

Here are the options I've tried so far:

options={{
          headerShadowVisible: true,
          shadowOffset: { height: 0, width: 0 },
          shadowColor: 'red',
          borderBottomColor: 'red',
          borderBottomWidth: 4,   
        }}

None of the above options have worked for me.

I have checked the docs, but I can't find anything.

CodePudding user response：

There is no option for native stack you need to use stack navigator

https://reactnavigation.org/docs/stack-navigator/#options

And you need to send the styles to this param headerStyle and not the root of options