本机-基础3:用于MenuItem的Onpress

Question

所以我用React-Native和Native-Base3制作了一个应用程序，但是我似乎不知道如何为菜单项制作onPress。我可以很好地成功地呈现它，但我似乎在文档或其他地方找不到当您按下它时实际执行某些操作的示例。有什么解决方法吗？下面是我的代码示例

 <Box style={styles.topNavItems}>
                <Menu
                trigger={(triggerProps) => {
                    return <Pressable><IconButton {...triggerProps} icon={<Icon name={'account-circle-outline'} size={30}/>} /></Pressable>
                  }}>
                      <Menu.Item>Profile</Menu.Item> //pressing this should invoke a function 
                      <Menu.Item>Account</Menu.Item>
                      <Menu.Item>Settings</Menu.Item>
                      <Menu.Item>Tutorials</Menu.Item>
                      <Menu.Item>Help</Menu.Item>
                      <Menu.Item>Sign Out</Menu.Item>

                </Menu>

Answer 1

我也在使用native-base 3来开发react native。

对于，似乎没有官方的API来处理特定类型的事件。

我的工作是通过.map()呈现Menu.Item，并将onPress处理添加到中的文本：

        const menuItems = ['Profile', ..., 'Sign Out'];
        const handMenuItemSelect = (menuItem) => {...};
    
        ...
    
        return (
          ...
            {menuItems.map(menuItem => {
                return <Menu.Item>
                       <Text onPress={(menuItem) => handMenuSelect(menuItem)}
                           {menuItem}
                       </Text>
                    </Menu.Item>
                    }}
          ...
        )

，其中也是来自原生基础。