未找到 React Navigation Typescript 命名空间

Question

当我尝试创建任何导航器（选项卡/堆栈/抽屉）时，我会收到此打字稿错误：Cannot find namespace 'Tab'，即使它是在文件本身中定义的。 有什么问题和解决方案是什么？ 我已经使用 expo typescript 模板开始了。

代码：

import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import React from "react";

type bottomTabParams = {};

const Tab = createBottomTabNavigator<bottomTabParams>();

const MyTabs = () => {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" />
      <Tab.Screen name="Settings" />
    </Tab.Navigator>
  );
};

export default MyTabs;

错误代码：

依赖关系

"dependencies": {
    "@react-native-community/masked-view": "0.1.10",
    "@react-navigation/bottom-tabs": "^5.9.1",
    "@react-navigation/drawer": "^5.9.2",
    "@react-navigation/native": "^5.7.5",
    "@react-navigation/stack": "^5.9.2",
    "expo": "~39.0.2",
    "expo-status-bar": "~1.0.2",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz",
    "react-native-elements": "^2.3.2",
    "react-native-gesture-handler": "~1.7.0",
    "react-native-reanimated": "~1.13.0",
    "react-native-safe-area-context": "3.1.4",
    "react-native-screens": "~2.10.1",
    "react-native-web": "~0.13.12"
  },
  "devDependencies": {
    "@types/react": "~16.9.35",
    "@types/react-dom": "~16.9.8",
    "@types/react-native": "~0.63.2",
    "react-native-web": "~0.13.7",
    "typescript": "~3.9.5"
  },
  "private": true

Answer 1

您是否尝试过使用 .tsx 扩展名而不是 .ts ？我有同样的问题，这是我的问题。

Answer 2

为什么可以这么简单？

const Tab = createBottomTabNavigator();