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

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

从他们的例子来看：

<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应根据您的要求开始工作。