ReferenceError：找不到变量：堆栈答案

【问题标题】：ReferenceError: Can't find variable: stackReferenceError：找不到变量：堆栈
【发布时间】：2021-06-30 01:25:02
【问题描述】：

在 React Native 中运行以下代码时出现以下错误。我尝试添加'const stack'，但错误仍然发生。我该如何纠正它？谢谢。

ReferenceError：找不到变量：堆栈

此错误位于：在 App 中（由 ExpoRoot 创建）在 ExpoRoot (在 renderApplication.js:45) 在 RCTView 中（在 View.js:34）在视图中（在 AppContainer.js:106）在 DevAppContainer 中（在 AppContainer.js:121）在 RCTView 中（在 View.js:34）在视图中（在 AppContainer.js:132）在 AppContainer 中（在 renderApplication.js:39）在 node_modules/react-native/Libraries/Core/ExceptionsManager.js:104:6 in reportException 在 node_modules/react-native/Libraries/Core/ExceptionsManager.js:171:19 in handleException 在 node_modules/react-native/Libraries/Core/setUpErrorHandling.js:24:6 in handleError 在 ErrorUtils.setGlobalHandler$argument_0 中的 node_modules/expo-error-recovery/build/ErrorRecovery.fx.js:9:32 在 [本机代码]：flushedQueue 中的 null at [native code]:null in invokeCallbackAndReturnFlushedQueue

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import SearchScreen from './src/screens/SearchScreen';

const Stack = createStackNavigator();

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

【问题讨论】：

记住 React 变量名是区分大小写的。你的意思是Stack.Navigator？

标签： react-native

【解决方案1】：

我认为有一个错字。您必须将更改为。

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import SearchScreen from './src/screens/SearchScreen';

const Stack = createStackNavigator();

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

【讨论】：