Как добавить реагирующую навигацию в реагирующую? - PullRequest
Новая
       0

Как добавить реагирующую навигацию в реагирующую?

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

Я выполнил все шаги, указанные в docs.Installed указанных пакетов и при попытке запустить приложение в android -emulator, я получаю сообщение об ошибке: 

TypeError: (0, _stack.StackNavigator) is not a function. (In '(0, _stack.StackNavigator)()', '(0, _stack.StackNavigator)' is undefined

Ниже приводится содержание в моем приложении. js файл 

import * as React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {StackNavigator} from '@react-navigation/stack';
import {View, Text} from 'react-native';
const Stack = StackNavigator();
function HomeScreen() {
  return (
    <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
      <Text>Home Screen</Text>
    </View>
  );
}
function DetailsScreen() {
  return (
    <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
      <Text>Detail Screen</Text>
    </View>
  );
}
const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={DetailsScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};
export default App;

Ниже приведены зависимости в моем пакете. json файл 

 "dependencies": {
        "@react-native-community/masked-view": "^0.1.7",
        "@react-navigation/core": "^5.3.2",
        "@react-navigation/native": "^5.1.4",
        "@react-navigation/stack": "^5.2.9",
        "react": "16.11.0",
        "react-native": "0.62.1",
        "react-native-gesture-handler": "^1.6.1",
        "react-native-reanimated": "^1.7.1",
        "react-native-safe-area-context": "^0.7.3",
        "react-native-screens": "^2.4.0"
      }

Как уже упоминалось в Документах, я попытался разместить следующий код вверху обоих индексов. js и приложения. js

import 'react-native-gesture-handler';

1 Ответ

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

Вы импортируете неправильную функцию import {StackNavigator} from '@react-navigation/stack';

, вместо этого она должна быть

import { createStackNavigator } from '@react-navigation/stack';

и

const Stack = createStackNavigator();

проверьте руководство по началу работы руководство

...