React-native-navigation: Drawer not works as expected

[thundernet8]

Issue Description

startTabBasedApp, add left menu screen as drawer, gesture or toggleDrawer API never call the left menu successfully.

I tried any hacks from those issues. e.g. remove to: "open", set fixed width of drawer screen, but always failed

Steps to Reproduce / Code Snippets / Screenshots

Navigation.startTabBasedApp({
        tabs: [
            {
                label: "Feeds",
                screen: Screen.HOMEFeedsTab,
                icon: icons[0],
                title: "Feeds",
                navigatorButtons: {
                    leftButtons: [
                        {
                            id: "sideMenu"
                        }
                    ]
                }
            },
            {
                label: "Issues",
                screen: Screen.HOMEIssuesTab,
                icon: icons[1],
                title: "Issues",
                navigatorButtons: {
                    leftButtons: [
                        {
                            id: "sideMenu"
                        }
                    ]
                }
            }
        ],
        drawer: {
            left: {
                screen: Screen.LeftMenu,
                passProps: {}
            },
            disableOpenGesture: false
        }
    });

screen which has the menu button:

constructor(props) {
        super(props);
        this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent);
    }

    onNavigatorEvent = event => {
        console.log(event);
        if (event.type === "NavBarButtonPress") {
            if (event.id === "sideMenu") {
                this.props.navigator.toggleDrawer({
                    side: "left" // the side of the drawer since you can have two, 'left' / 'right'
                    // animated: true,
                    // to: "open" 
                });
            }
        }
    };

---

Environment

• React Native Navigation version: 1.1.298
• React Native version: 0.51.0
• Platform(s) (iOS, Android, or both?): Android
• Device info (Simulator/Device? OS version? Debug/Release?): Nexus_5X_API_27_x86(AVD) - 8.1.0 and SM-N9500 - 7.1.1

[thundernet8]

I downgrade my react-native version to 0.50.4, it's works now. Maybe some changes between 0.50 and 0.51 has broken our package functionality.

but still not work for Android 7.1.1 on SM-N9500, works for Android 7.1.1 on AVD

[johngoren]

Still getting this issue in version 1.1.323 if I go up to RN 0.51.

[johngoren]

Anyone know of a good breakpoint for testing drawer behavior in Android?

[SquaredData]

I have the same issue, with version 0.50.4 and 0.51

[dre4success]

Having this issue with version 0.50.3, width is set in the drawer component. 99% of the time, the drawer doesn't work

[SquaredData]

I had the same issue with the latest RN version! Try RN 0.49.5, this one works for me!

[dre4success]

Thanks @SquaredData. Just tried it now and it worked.

[stale[bot]]

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 version and report back. Thank you for your contributions.

[stale[bot]]

The issue has been closed for inactivity.