Блог

Работая над собственным проектом React, я наткнулся на проблему с переходом на экран в tabsnavigator с помощью lt;drawer.itemgt; навигатора в ящике. В принципе, у меня есть экран в tabsnavigator, который вложен в drawernavigator. И я хочу иметь возможность перейти к этому экрану из drawernavigator без необходимости создавать новый экран, например drawer.screen .

Навигатор выдвижных ящиков:

 const Drawer = createDrawerNavigator();  function DrawerNavigator() {  return (  lt;Drawer.Navigator drawerContent={(props) =gt; lt;CustomDrawerContent {...props}} gt;  lt;Drawer.Screen name="My Reminders" component={TabsNavigator}   lt;/Drawer.Navigatorgt;  ); }  function CustomDrawerContent( props, navigation ) {  return (  lt;DrawerContentScrollView {...props}gt;  lt;DrawerItemList {...props} /gt;  lt;DrawerItem label="My Reminders" onPress={() =gt; navigation.navigate('MyReminders')}/gt; // this does not work  lt;/DrawerContentScrollViewgt;  ); }  

Tabsnavigator:

  const Tabs = createMaterialTopTabNavigator(); const TabsNavigator = ( { navigation } ) =gt; {  return (  lt;Tabs.Navigatorgt;  lt;Tabs.Screen name="Reminders" component={MyReminders} /gt;   lt;/Tabs.Navigatorgt;  ); }; export default TabsNavigator;   

и экран:

    const MyReminders = ( {navigation} ) =gt; {  return (  lt;MainWrappergt;  lt;StyleContentWrapper gt;  lt;Paragraphgt;My Reminderslt;/Paragraphgt;  lt;/StyleContentWrappergt;  lt;/MainWrappergt;    );  };   export default MyReminders;  

но установка onpress на drawerItem с помощью navigation.navigate, похоже, не работает.

Я получаю следующую ошибку:

Ошибка типа: навигация.навигация не является функцией

Как я могу решить эту проблему?

Любая помощь будет очень признательна!