Ошибка типа при попытке использования Навигатора стека из React Navigation - PullRequest
Новая
       5

Ошибка типа при попытке использования Навигатора стека из React Navigation

0 голосов
/ 07 февраля 2020

Я запускаю приведенный ниже пример локально, но получаю ошибку TypeError. 

import HomeScreen from './screens/HomeScreen';
import SecoundScreen from './screens/SecoundScreen';
import ThirdScreen from './screens/ThirdScreen';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function MyStack() {
    return (
      <Stack.Navigator>
            <Stack.Screen name="Home" component={HomeScreen} />
            <Stack.Screen name="Second" component={SecoundScreen} />
            <Stack.Screen name="Third" component={ThirdScreen} />
      </Stack.Navigator>
    );
}

export default function App() {
    return (
      <NavigationContainer>
        <MyStack />
      </NavigationContainer>
    );
}

Type Error

Я скопировал из примера, и это не не работает, прежде чем я изменил его @ @ 1009 *https://reactnavigation.org/docs/en/stack-navigator.html

https://snack.expo.io/?platform=android&name=createStackNavigator%20%C2%B7%20React%20Navigation&dependencies=%40react-native-community%2Fmasked-view%40%5E0.1.1%2C%40react-navigation%2Fnative%40%5E5.0.0%2C%40react-navigation%2Fbottom-tabs%40%5E5.0.0%2C%40react-navigation%2Fdrawer%40%5E5.0.0%2C%40react-navigation%2Fmaterial-bottom-tabs%40%5E5.0.0%2C%40react-navigation%2Fmaterial-top-tabs%40%5E5.0.0%2C%40react-navigation%2Fnative-stack%40%5E5.0.0%2C%40react-navigation%2Fstack%40%5E5.0.0%2Creact-native-gesture-handler%401.5.2%2Creact-native-reanimated%401.4.0%2Creact-native-safe-area-context%400.6.0%2Creact-native-screens%402.0.0-alpha.12&sourceUrl=https%3A%2F%2Freactnavigation.org%2Fexamples%2F5.x%2Fsimple-stack.js

Код ниже работает! Я только что установил реагирующую навигацию, поэтому у меня должна быть последняя версия! 

import React, { useState } from 'react';
import { Button, View } from 'react-native';

import HomeScreen from './screens/HomeScreen';
import SecondScreen from './screens/SecondScreen';
import ThirdScreen from './screens/ThirdScreen';


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

const AppNavigator = createStackNavigator(
    {
        Home: HomeScreen,
        Second: SecondScreen,
        Third: ThirdScreen
    },
    {
        initialRouteName: 'Home',
    }
);
export default createAppContainer(AppNavigator);

Есть идеи, почему первая версия дает сбой?

пакет. json до и после npm обновление: 

  {
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@react-native-community/masked-view": "0.1.5",
    "@react-navigation/stack": "^5.0.0",
    "expo": "~36.0.0",
    "react": "~16.9.0",
    "react-dom": "~16.9.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",
    "react-native-gesture-handler": "~1.5.0",
    "react-native-paper": "^3.6.0",
    "react-native-reanimated": "~1.4.0",
    "react-native-safe-area-context": "0.6.0",
    "react-native-screens": "2.0.0-alpha.12",
    "react-native-web": "~0.11.7",
    "react-navigation": "^4.1.1",
    "react-navigation-fluid-transitions": "^0.3.2",
    "react-navigation-stack": "^2.1.1"
  },
  "devDependencies": {
    "babel-preset-expo": "~8.0.0",
    "@babel/core": "^7.0.0"
  },
  "private": true
}

1 Ответ

0 голосов
/ 07 февраля 2020

Мне нужно было обновить зависимости, это помогло:

$ npm install -g npm-check-updates $ npm-check-updates -u $ npm install

...