renderRightButton gets hidden by the nav bar on 3.2.2

[SudoPlz]

Ok I kept researching and I found out that the button WAS indeed rendered but it it is rendered BEHIND the nav bar.. Like so:

Thats my code:

  class ARightBtn extends React.Component {
      render(){
          return <Text style={{
            width: 80,
            position: 'absolute',
            height: 120,
            width: 200,
            top: 50,
            right:0,
            padding: 8,
            backgroundColor: 'red',
            color: '#000000'
        }}>RightBtnTest</Text>
      }
  }

and then I use it like so:

<Scene key="EmailSignIn" title="Sign In" type="push" hideNavBar={false} titleStyle={{color:Colors.mainTextColor}} renderRightButton={()=><ARightBtn/>} initial={true} >
    <Scene key="EmailSignIn1" component={EmailSignIn} title="Sign In" navigationBarStyle={{backgroundColor:Colors.primaryColor}} renderRightButton={()=><ARightBtn/>}  />
    <Scene key="EmailSignIn2" component={Onboarding} title="Sign In"/>
</Scene>

What can I do @aksonov ?

[aksonov]

Please modify Example accordingly to show the bug. From your sources it is not clear - it could be parent navbar that hides children one.

[aksonov]

Closing it until you give me Example modification.

[SudoPlz]

@aksonov hi, please reopen the issue, here is the example modification.
The SAME exact issue happens on the example, here is a photo:

https://github.com/SudoPlz/react-native-router-flux/blob/master/Example/Example.js

[aksonov]

I can't reproduce it with latest version (3.2.4), it is shown above nav bar correctly.

[amitbobade2007]

@aksonov i am getting this issue in 3.2.8 for Scenes inside Drawer. Not able render right button with default navbar or custom navbar.

[amitbobade2007]

@aksonov renderRightButton function is not gets assigned in componentWillMount method in NavBar. Instead of receiving renderRightButton/renderLeftButton/renderBackButton from this.props.navigationState, receiving from this.props.
Is it react-native issue?

[SudoPlz]

It has something to do with a parent navbar overlapping the child, if you use the renderRightButton on the root schene with no other schenes it always works! The same happens if you hide the parent and show just the child navbar.