React-native-router-flux: Removal of Scene Shadows by getSceneStyle is not applied

[chanchilun]

Version

Tell us which versions you are using:

• react-native-router-flux v4.0.0-beta.27
• react-native v0.51.0

Expected behaviour

I want to remove the shadow of all scenes when the router is wrapped by the SafeAreaView.

Actual behaviour

The getSceneStyle gets is not applied

Steps to reproduce

My Code

const getSceneStyle = () => ({
    shadowColor: 'transparent',
    shadowOffset: {
        width: 0,
        height: 0
    },
    shadowRadius: 0,
    shadowOpacity: 0
});

export default function AppContainer() {
    return (
        <ApolloProvider client={client} store={store}>
            <Root>
                <SafeAreaView style={AppStyles.appContainer}>
                    <RouterWithRedux
                        getSceneStyle={getSceneStyle}
                        navigator={AppRoutes}/>
                </SafeAreaView>
            </Root>
        </ApolloProvider>
    );
}

[ahmadw]

don't warp your Router with SafeAreaView just warp your content

[thadeubrito]

same here : (

[aksonov]

Please try to reproduce it with Example project and latest version 4.0.0-beta.40. Feel free to open if the issue still exists

[haorh]

Pretty late to answer but for v4.0.6, if you're not using SafeAreaView, you can follow this guy solution

<Scene //<-- highest Scene
   headerStyle= {{
        elevation: 0,
        shadowOpacity: 0,
        borderBottomWidth: 0,
      }}
/>

If you have SafeAreaView, you can do this

<Scene //<-- highest Scene
  cardStyle= {{ shadowColor: 'transparent' }}
/>

refer this