Skip to content

Actions aren't fired within react-native-side-menu based components #676

Closed
@itinance

Description

@itinance

Version

  • react-native-router-flux v3.22.23
  • react-native v0.25.1

Can you give some hints about correct usage of react-native-router-flux together with react-antive-side-menu?

Following the docs is the most outer element a < SideMenu >, encapsulating the < Router >-Component, like so:

export default class Application extends React.Component {
    render() {
        const menu = <MySideMenu navigator={navigator}/>;

        return (
            <SideMenu menu={menu}>
                <Router createReducer={reducerCreate}>

                    <Scene key="root" hideNavBar={true}>
                        <Scene key="home" component={HomeScreen} title="Home" initial={true}/>
                        <Scene key="login" hideNavBar={true} component={LoginScreen} title="Login" panHandlers={null}
                               duration={1}/>
                    </Scene>

                </Router>;
            </SideMenu>
        );
    }
}

Doing this everything works fine, but when i place some buttons with actions inside the side menu, no action will be taken. Nothing happens, while placing the buttons on home-screen and other components are working fine.

I've read the section "Drawer (side menu) integration" in your README.md, but can't apply this on this case.

Thank you!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions