Блог

Главная - Вопросы по программированию - Ошибка типа : Объект (…) не является функцией навигации по собственному стеку react

Ошибка типа : Объект (…) не является функцией навигации по собственному стеку react

#javascript #reactjs #react-native #react-navigation

Вопрос:

Я создаю приложение с помощью react native. Я устанавливаю все пакеты, необходимые для использования навигации по стеку. Но когда я открыл свой проект с помощью выставки в Интернете. Я получил эту ошибку, вы видите это на изображении.

 // In App.js in a new project
 
 import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Home Screen</Text>
    </View>
  );
}

const Stack = createNativeStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

Пожалуйста, помогите, я пытаюсь решить эту проблему в течение двух дней, пожалуйста, помогите мне, я каждый раз получал эту ошибку. Снимок экрана с ошибкой 1

Комментарии:

1. Можете ли вы сообщить мне , какие версии вы используете для навигации по react-native ?

2. Я использую react 0.65.1 Пожалуйста, помогите

Ответ №1:

Используйте это, это сработало для меня:

 import { createStackNavigator } from "react-navigation-stack"

Комментарии:

1. Я попробовал это, но получил новую ошибку, которая является ошибкой типа: Не удается преобразовать неопределенное или нулевое значение в объект

Ответ №2:

Используйте import {createStackNavigator} from '@react-navigation/stack'; вместо import { createNativeStackNavigator } from '@react-navigation/native-stack';

Попробуйте этот код:

 import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';

function HomeScreen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Home Screen</Text>
    </View>
  );
}

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

Комментарии:

1. Я использую react 0.65.1 и делаю некоторые изменения, которые вы мне предлагаете, но я получил ту же ошибку.

Метки: