在react native中使用typescript添加NavigationContainer时出错。

Question

当我定义我的 NavigationContainer 在单独的文件中，我得到以下错误。

'NavigationContainer' refers to a value, but is being used as a type here. Did you mean 'typeof NavigationContainer'?

但当我在 App.tsx 工作。

import React from 'react'
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
const Stack = createStackNavigator();

function AppNavigator() {
  return (
    <NavigationContainer>
      <Stack.Screen
        name={Routes.SPLASH}
        component={SplashScreen}
        options={{
          headerShown: false,
        }}
      />
    </NavigationContainer>
  )
}

export default AppNavigator

我的问题是什么？

Answer 1

我将文件扩展名改为 tsx 和错误了。