在React Native中如何做嵌套菜单

Question

我想实现嵌套菜单。

我尝试在MenuItem中制作MenuItem，但显示错误->

错误->不断违反：当前不支持with的嵌套

下面是我的代码

render() {
    return (
        <View Style={styles.menu1}>
        <Menu
            ref={(ref) => this._menua = ref}
            button={<TouchableOpacity onPress={() => this._menu.show()} 
            style={{alignItems:'center',}}>
                <Image source={require('../blue_grad.png')} 
                style={{width: 2, height: 20, alignSelf:'center'}}/></TouchableOpacity>}
        >

            <MenuItem onPress={() => this.hideMenu()}
                    textStyle={{color: '#000', fontSize: 16}}>My APPS
                    <MenuItem> App 1 </MenuItem>
                    <MenuItem> App 2 </MenuItem>
                    <MenuItem> App 3 </MenuItem>
                    <MenuItem> App 4 </MenuItem>
            </MenuItem>
            <MenuItem textStyle={{color: '#000', fontSize: 16}}>Rate App</MenuItem>
            <MenuItem textStyle={{color: '#000', fontSize: 16}}>Invite Friends</MenuItem>
            <MenuItem onPress={() => this.LogoutUser()}  textStyle={{color: '#000', fontSize: 16}}>Logout</MenuItem>
        </Menu>
        </View>

    )
}