Reactjs 带导航标题的抽屉

我决定尝试一下新的react native navigator： 我正在尝试做的是有一个带有汉堡包的标题，当按下汉堡包时，显示抽屉（每个移动应用程序的标准配置）。以下是我所做的：

const AppDrawer = DrawerNavigator({
    Home: { screen: HomeFeed },
    Notifications: { screen: Notifications }
});

const App = StackNavigator({
    Home: { screen: AppDrawer }
});

AppDrawer.navigationOptions = {
    title: 'Home Feed',
    header: () => ({
        // Render a button on the right side of the header
        // When pressed switches the screen to edit mode.
        left: (
            <Button
                title={'Drawer'}
            />
        ),
        tintColor: '#007AFF',
    })
};

const AppDrawer=DrawerNavigator({
主页：{screen:HomeFeed}，
通知：{屏幕：通知}
});
const App=StackNavigator({
主页：{screen:AppDrawer}
});
AppDrawer.navigationOptions={
标题：“主页提要”，
标题：（）=>({
//渲染标题右侧的按钮
//按下时，将屏幕切换到编辑模式。
左：(
),
tintColor:“#007AFF”，
})
};

结果如下：

---

抽屉打开时位于页眉下方。此外，左侧按钮不可见，着色颜色不变

实际的问题是什么？虽然没有直接的问题，但我会指出一些可能给你带来问题的事情。1.您正在使抽屉导航器成为stacknavigator的子项，因此您的抽屉上方有一个标题。2.这些navigationOption属性应该分配给您的一个屏幕（HomeFeed或Notifications），而不是您的DrawerNavigator。希望对你有所帮助