openDrawer () возвращает "false", и он не открывается - response-native-navigation v4.X - PullRequest
Новая
       63

openDrawer () возвращает "false", и он не открывается - response-native-navigation v4.X

0 голосов
/ 19 июня 2020

У меня небольшая проблема с response-navigation-drawer. Я выполнял всю навигацию по приложению в одном файле. Остальные элементы с bottomTabnavigator, stackNavigator и swicthNavigator работают очень хорошо.

Но в момент нажатия IconButton (внутри заголовка приложения) openDrawer () ничего не делает, а при создании console.log этого элемента, чтобы знать, что он возвращается, потому что это громкая «ложь»

Вот мой код. 

import  React from 'react';
import { createAppContainer, createSwitchNavigator} from 'react-navigation';
import { createBottomTabNavigator } from 'react-navigation-tabs';
import { createStackNavigator } from 'react-navigation-stack';
import { createDrawerNavigator, DrawerActions } from 'react-navigation-drawer';

    const MyDrawerNavigator = createDrawerNavigator(
        {
            Home: {
            screen: Perfil,
            },
            Notifications: {
            screen: Notifications,
            },
        }
    ); 

    const OnBoardingNavigator = createStackNavigator(
        {
            Login: LoginSrcreen,
        },
    )

    // Navegación Dashboard
    const AppNavigator = createBottomTabNavigator(
        {
            Dashboard: { 
                screen: Dashboard, 
            },
            Page1: { 
                screen: Page1,
            },
            Page2: { 
                screen: Page2,
            },
            Page3: { 
                screen: Page3,
            }
        },
        {
            initialRouteName: 'Dashboard',
        },
    )


    const FormsNavigator = createStackNavigator(
        {
            Screen: { 
                screen: Forms,  
                navigationOptions: {
                    headerShown: false,
                  },
            },

        },
        {
            initialRouteName: 'Screen',
        },
    )

    const RootStack = createStackNavigator(
        {
            Dashboard: AppNavigator,
            Forms: FormsNavigator,
            Drawer : MyDrawerNavigator,
        },
        {
            defaultNavigationOptions: ({navigation}) =>({
                headerStyle: {
                backgroundColor: Colors.primaryColor,
                },
                headerTitle: '',
                headerLeft: () => <Image source={image} style={{ width: 45, height: 30, marginLeft:15 }} />,
                headerRight: () => <IconButton
                icon="menu"
                color={Colors.white}
                size={30}
                onPress={() => {navigation.dispatch(DrawerActions.openDrawer())}}
              />,
                headerTintColor: '#fff',
            })
        },
    )

    const BaseStack = createSwitchNavigator(
        {
            OnBoarding : OnBoardingNavigator,
            Root: RootStack
        },
    )

    export default createAppContainer(BaseStack);
...