如何从一个菜单选项导航到另一个屏幕

Question

我正在使用 'react-native-popup-menu'

<MenuOptions customStyles={{ optionText: styles.text }}>
   <MenuOption value="History" text='History' 
                   onPress={()=>{this.props.navigation.navigate('History')}} />
    <MenuOption value="Logout" text='Logout'  onPress={()=>{this.props.navigation.navigate('Login')}}/>
 </MenuOptions>

我想在单击任何菜单选项时导航到另一个屏幕，我怎样才能实现它？

Answer 1

查看库中的文档，MenuOption 采用 onSelect 属性而不是 onPress

From their example:

<MenuOptions>
        <MenuOption **onSelect**={() => alert(`Save`)} text='Save' />
        <MenuOption **onSelect**={() => alert(`Delete`)} >
          <Text style={{color: 'red'}}>Delete</Text>
        </MenuOption>
        <MenuOption onSelect={() => alert(`Not called`)} disabled={true} text='Disabled' />
      </MenuOptions>

将 onPress 更改为 onSelect 应该会按照您的要求开始工作。

如何从一个菜单选项导航到另一个屏幕

How to navigate from one menu option to other screen

react-native

react-native-popup-menu