React Native Drawer Animator bug - Не удается отобразить меню

Question

В моем приложении RN я хочу показать меню сбоку и, кажется, все настроил, но не могу отобразить меню.Я хочу добавить навигатор ящиков внутри стекового навигатора.

Вот как я настраиваю навигаторы:

const DrawerStack = createDrawerNavigator({
    BlogDetails: { screen: BlogPostDetailedScreen, },
    BlogsList: { screen: BlogPostListScreen, },
},
    {
        contentComponent: DrawerContent,
        drawerPosition: 'left',
        initialRouteName: 'BlogsList',
        drawerWidth: 200,
        drawerOpenRoute: 'DrawerOpen',
        drawerCloseRoute: 'DrawerClose',
        drawerToggleRoute: 'DrawerToggle',
    });

export const BlogPostListNavigator = createStackNavigator({
    Menu: {
        screen: DrawerStack,

        navigationOptions: ({ navigation }) => ({
            headerLeft: (
                <Icon.Button name="navicon" color="black" backgroundColor="transparent" underlayColor="transparent" onPress={() => navigation.navigate("DrawerOpen")}>
                    <Text style={{ fontSize: 15 }}></Text>
                </Icon.Button>
            ),
            headerRight: (
                <Icon.Button name="quote-right" color="black" backgroundColor="transparent" underlayColor="transparent" onPress={() => params.createBlogPost()}>
                    <Text style={{ fontSize: 15 }}></Text>
                </Icon.Button>
            ),
        }),
    },

    BlogDetails: {
        screen: BlogPostDetailedScreen,
    },
}
);

И это мои настройки для DrawerContent

export default class DrawerContent extends Component {
 render () {
   return (
     <View>
       <ScrollView>
         <Text>
         Menu should go here
         </Text>         
       </ScrollView>
     </View>
   );
 }
}

Как вы можете видеть, нажав кнопку headerLeft, меню должно появиться, но это не так, и я не знаю почему.