navTransparent does't work well on android

[UrielShimony]

Version

"react-native-router-flux": "^4.0.0-beta.28"
"react-native": "0.52.1",

Expected behaviour

like in ios, completely transparent

Actual behaviour

i have a very very thin white line in the bottom of the nav bar, looking like 3D/zIndex upper layer

                    **<Scene key='scene1' component={component1}
                           drawer={true}
                           navTransparent={true}
                    />**

                    <Scene key='creators' component={creatorScreen} title={'Creators'} back/>
                </Drawer>
            </Stack>

Thanks for the helpers

[ljmkimqx]

I resolved it. Don't use navTransparent. use

navigationBarStyle={{
position: 'absolute',
backgroundColor: 'transparent',
zIndex: 100,
top: 0,
left: 0,
right: 0,
borderBottomWidth: 0,
elevation: 0,
}}

like this:
<Scene
key='scene1'
component={component1}
navigationBarStyle={{
position: 'absolute',
backgroundColor: 'transparent',
zIndex: 100,
top: 0,
left: 0,
right: 0,
borderBottomWidth: 0,
elevation: 0,
}}
/>

[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