React-native-navigation: top bar not hiding

Created on 5 Jan 2019 · 8Comments · Source: wix/react-native-navigation

top bar not hiding

versions
"react-native": "0.57.5",
"react-native-navigation": "2.1.3-snapshot.33",
OS: Windows10

In the first screen i am using this code to navigate to next screen

Navigation.push('center',{
     sideMenu : {
       id:'sidemenu',
       left: {
           component: {
             id:'drawer',
             name: 'nav.DrawerContent' }
        },
      center: {
            bottomTabs:{
              id:'bottomtabs',
               backgroundColor: 'blue',
                 animate: true,
                  children: [
                    {
                      stack: {
                         id:'stacktab1',
                         children:[
                           {
                             component: {
                               id:'homescreen',
                               name: 'Nav.homescreen',
                               options: {
                                 bottomTab: {
                                   id:'tab2',
                                   text: 'home',
                                   icon: require('../../sample.png'),
                                 },
                                 topBar: {
                                   noBorder: true,
                                         drawBehind: true,
                                   visible:false,
                                   animate: false,
                                        background: {
                                            color: 'transparent'
                                         },

                                 }
                               }
                             }
                           }
                         ]
                      }
                 },
                  {
                    stack:{
                      id:'stacktab2',
                      children:[
                          {
                            component: {
                              id:'samplescreen2',
                              name: 'nav.samplescreen2',
                              options: {
                                bottomTab: {
                                  id:'tab1',
                                  text: 'statistics',
                                  icon: require('../../sample.png'),
                                },
                                topBar: {
                                  visible:false,
                                  drawBehind:true,
                                  animate: false
                                }
                              }
                            }
                         }
                      ]
                    }
                  }
             ]
         },
      },
    },
   })

In the home screen first the top bar is able to hide but when i clicked on the drawer menu and navigated
to other screen and coming back to home screen the top bar is visible and it is not drawing behind..
i have tried mergeoptions but not able to solve the issue

this is happening when navigating back from drawer menu screens to home screen

screenshot_1546695403
screenshot_1546695432

🏚 stale

Source

sure1243jupiter

Most helpful comment

you just only get the topBar height: 0, and refresh again

Domingowen on 23 Feb 2019

👍2

All 8 comments

Same issue + 1
Can you resolve it @sure1243jupiter?

jcsena on 6 Jan 2019

@jcsena no i am not able to get how to solve it
if you found any please tell

sure1243jupiter on 7 Jan 2019

same issue +1

kadircanerergun on 7 Jan 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.