React-native-navigation: [v6 iOS] waitForRender on SetRoot doesn't work with a SideMenu

Created on 5 Mar 2020  路  4Comments  路  Source: wix/react-native-navigation

Issue Description

Using the waitForRender option with a SideMenu doesn't work.

Steps to Reproduce / Code Snippets / Screenshots

This will blink :

  Navigation.setDefaultOptions({
    animations: {
      setRoot: {
        waitForRender: true
      }
    }
  })
  Navigation.setRoot({
    root: {
      sideMenu: {
        left: {
          component: {
            name: "av.MenuContainer"
          }
        },
        center: {
          stack: {
            id: "k",
            children: [
              {
                component: {
                  name: "av.NavBarContainer",
                  passProps: {}
                }
              }
            ]
          }
        }
      }
    }
  })

This will NOT blink :

  Navigation.setDefaultOptions({
    animations: {
      setRoot: {
        waitForRender: true
      }
    }
  })
  Navigation.setRoot({
    root: {
      stack: {
        id: "k",
        children: [
          {
            component: {
              name: "av.NavBarContainer",
              passProps: {}
            }
          }
        ]
      }
    }
  })

ezgif-7-60cda80e32c3

Environment

  • React Native Navigation version: FILL 6.0.1
  • React Native version: 0.61.5
  • Platform(s) (iOS, Android, or both?): iOS
  • Device info (Simulator/Device? OS version? Debug/Release?): Tested on iOS 9, iOS13 Debug and release
SideMenu iOS acceptebug 馃搶 pinned

Most helpful comment

I am experiencing the same issue with bottomtabs also. Any progress on this issue?

All 4 comments

I am experiencing the same issue with bottomtabs also. Any progress on this issue?

@guyca Please fix this as we are experiencing same... Thx!

@didrikkvanvik bottomtabs should be fixed by #6689

Should be fixed in 7.2.0

Was this page helpful?
0 / 5 - 0 ratings