Ошибка: не удается найти переменную Stack, реагирует на навигацию

Question

Я пытаюсь разработать приложение todolist, используя реагировать нативно, для которого я кодировал главный экран. У меня были следующие документы, но это дает мне эту ошибку. Пожалуйста помоги. Я выполнил команды в следующем порядке.

 expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

 npm install @react-navigation/native

 npm install @react-navigation/stack

Это мой код.

import React from 'react';
import { StyleSheet, Text, View ,Button} from 'react-native';
import 'react-native-gesture-handler';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator} from '@react-navigation/stack';

class HomeScreen extends React.Component {
  constructor(props){
    super(props);
    this.state={}
  }
  render(){
    return(
      <View>
      <View style={{margin:50}}>
        <Button title="New Task"></Button>
      </View>
    </View>
    )
  }
}

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

Answer 1

Вы не объявляете, что стек в вашей программе включает эту строку в вашу программу:

const Stack = createStackNavigator();

Добавьте эту строку в функцию приложения следующим образом:

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

Надеюсь, это поможет!