Как добавить модуль реагирующей навигации в реактивное приложение?

Question

Я установил модуль react-navigation в папке проекта:

~ / response-tutorial / Reaction-native / Project1 $ npm install --save Reaction-navigation

npm WARN необязательно SKIPPING НЕОБЯЗАТЕЛЬНАЯ ЗАВИСИМОСТЬ: fsevents@1.2.7 (node_modules / fsevents):

npm WARN notsup SKIPPING ДОПОЛНИТЕЛЬНАЯ ЗАВИСИМОСТЬ: неподдерживаемая платформа для fsevents@1.2.7: wanted {"os": "darwin"," arch ":" any "} (текущий: {" os ":" linux "," arch ":" x64 "})

• react-navigation@3.3.2 добавил 22 пакетаиз 10 участников и проверенных 103279 пакетов в 43.188 обнаружил, что 11 уязвимостей низкой серьезности запускают npm audit fix для их исправления или npm audit для получения подробной информации

Но когда я пытаюсь включить StackNavigatorв компоненте с import { StackNavigator } from 'react-navigation';

При удаленной отладке в браузере возникла следующая ошибка

TypeError: bundle.modules не определены

Answer 1

В новой версии react-native есть изменения в react-navigation.StackNavigator был заменен на createStackNavigator.

Вам необходимо также установить react-native-gesture-handler вместе с react-navigation. (команды ниже)

 npm install --save react-native-gesture-handler // install

 react-native link react-native-gesture-handler  // link

Я помогу с некоторым синтаксисом ниже

old version below -

import { StackNavigator } from 'react-navigation';

    const PrimaryNav = StackNavigator({
      Splash: { screen: Splash },
      Login: { screen: Login },
     }, {
        // Default config for all screens
        headerMode: 'none',
        initialRouteName: 'Splash',
      });

New Version below - 

import { createAppContainer, createStackNavigator } from 'react-navigation';

const MainNavigator = createStackNavigator({
  Splash: { screen: Splash }
},
  {
    // Default config for all screens
    headerMode: 'none',
    initialRouteName: 'Splash'
  });

const PrimaryNav = createAppContainer(MainNavigator);