React-native-router-flux: iPhone X: Remove the internal shadow of react-native-stack-navigator when using safearea

[afilp]

I have the same problem as here:
https://stackoverflow.com/questions/48361898/how-to-remove-internal-shadow-of-react-native-stacknavigator-when-using-safearea

I am not sure if we can use the cardStyle fix with react-native-router-flux.

Version

Tell us which versions you are using:
"react-native-router-flux": "^4.0.0-beta.27",
"react-native": "0.52.0",

Expected behaviour

No shadow on blank statusbar

Actual behaviour

It shows a shadow

<Scene key="Main" component={Main} initial hideNavBar panHandlers={null} />

[timqha]

Try this:

<Router getSceneStyle={() => ({
          elevation: 0,
          shadowOpacity: 0,
          borderBottomWidth: 0,
        })}
>

[VasiliyPolyakov]

@timqha Thank you. It is awesome. It helped me and I fixed this problem related to internal shadow.

[daviscabral]

Closing this issue as it seems the fix provided by @timqha has worked for everyone.