How do I open react-native popup-menu from a that is from another function?

Asked Sep 16 '20 at 09:34

Active Sep 16 '20 at 09:59

Viewed 822 times

I'm creating a React-native app, which has a question-answer system, and this menu is intended for confirming a chosen answer.

How can I open react-native-popup-menu without having a separate Menutrigger?

        <Menu renderer={renderers.SlideInMenu}>
            <MenuTrigger>
                <Text>
                    {answers}
                </Text>
            </MenuTrigger>
                <MenuOptions>
                    <MenuOption>
                        <View>
                            <h2> {title}</h2>
                            <h3> {text}</h3>
                        </View>
                    </MenuOption>
                    <MenuOption>

                    <View style={styles.btnContainer}>
                        <Button title= "CANCEL" onPress={onCancel}/>
                        <Button title= "CONTINUE" onPress={onConfirm}/>
                    </View>

                    </MenuOption>
                </MenuOptions>
        </Menu>

);

In this code the "{answers} trigger activates when I push a button, and the {answers} then become the button that triggers the menu which then triggers the title and the body to slide in. How can I trigger the title and the body without getting the extra step in?

edited Sep 16 '20 at 09:59

asked Sep 16 '20 at 09:34

Headchief

Did you try to put the `MenuTrigger` outside of `Menu`? – Hugh Sep 16 '20 at 09:42
It is necessary that is a direct child of , According to the API. – Headchief Sep 16 '20 at 09:54
Are you using Adobe Spectrum? – Hugh Sep 16 '20 at 09:56
Never heard of it, so no. – Headchief Sep 16 '20 at 10:00
What component library are you using? – Hugh Sep 16 '20 at 11:02
https://github.com/instea/react-native-popup-menu/ – Headchief Sep 16 '20 at 11:19
Is this the behaviour you need?: https://codesandbox.io/s/mystifying-carson-mg3d7?file=/src/App.js – Hugh Sep 16 '20 at 12:01
No, the example you provided still needed the text trigger. What I'm looking for is a way for the menu to trigger from the other function. In the example you provided, imagine a button in App. I'm looking for a way for that button to trigger the menu. – Headchief Sep 16 '20 at 12:45
2

https://github.com/instea/react-native-popup-menu/blob/master/examples/MenuMethodsExample.js – sodik Sep 16 '20 at 21:38

How do I open react-native popup-menu from a that is from another function?

0 Answers0