Навигация («DrawerOpen») не работает

Question

Я создаю приложение, следуя этому уроку:

Я просто сделал то же самое.Компилируется, но кнопка меню ящика не работает.Это код, где кнопка:

    import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {createBottomTabNavigator} from 'react-navigation';
import ScreenOne from './TabNavigator/ScreenOne';
import ScreenTwo from './TabNavigator/ScreenTwo';
import { Container, Header,Left,Right,Icon } from 'native-base';

export default class AppTabNavigator extends React.Component{

    static navigationOptions = ({navigation}) =>{
        return{
            headerLeft:(
                <View style={{padding:10}}>
                    <Icon name ="menu" style={{fontSize: 24, color : 'black'}} onPress={()=>navigation.navigate('DrawerOpen')} />
                </View>
            )
        }
    }
    render(){
        return(
            <HomeScreenTabNavigator screenProps={{navigation: this.props.navigation}}/>
        )
    }
}

const HomeScreenTabNavigator = new createBottomTabNavigator({
    ScreenOne:{
        screen: ScreenOne,
        navigationOptions:{
            tabBarLabel: 'Feed'
        }
    },
    ScreenTwo:{
        screen: ScreenTwo,
        navigationOptions:{
            tabBarLabel: 'Feed'     }
    }
})

Answer 1

Начиная с версии 2.X реагирующей навигации, вы не можете использовать следующий код:

navigation.navigate('DrawerOpen')

Но вместо этого вам нужно использовать:

navigation.openDrawer()

См. Также Документация к выдвижному ящику