功能无效，不能作为React子React Native

Question

我有下一个错误“ 功能不作为React子React Native起作用”，我在按标题中的图像时尝试显示一个抽屉（使用react-navigation-stack库创建），然后我正在使用react-navigation-drawer。到目前为止一切都还可以，当我尝试将变量导航传递给要在createStackNavigator中使用的函数时，问题就开始了，我不知道传递此变量的正确方法是什么。

I want some like this image

import React from 'react';
import {TouchableOpacity, Image} from "react-native";
import {createDrawerNavigator} from "react-navigation-drawer";
import {createStackNavigator} from 'react-navigation-stack';

//IMPORT SCENES
import HomeScreen from "../scenes/Home";
import UpdateProfileScreen from "../scenes/home/UpdateProfile";

const HomeStack = ({navigation}) => createStackNavigator(
    {
            Home: HomeScreen,
            UpdateProfile: UpdateProfileScreen,
        },
        {
            initialRouteName: 'Home',
            defaultNavigationOptions: ({
                headerLeft: () =>
                    <TouchableOpacity style={{alignItems: 'flex-end', margin: 16}}
                                      onPress={() => navigation.openDrawer()}>
                        <Image style={{width: 24, height: 24}} source={require('../images/open-menu.png')}/>
                    </TouchableOpacity>
            })
        }
    )

export default DrawerNavigator = createDrawerNavigator({
    HomeStack
})

我该如何解决，我是React Native的新手。

Answer 1

用[替换您的DrawerNavigator：

export default DrawerNavigator = createDrawerNavigator({
    HomeStack: {
      screen: HomeStack
    }
})