typescript - 使用 TypeScript 时如何在 React Native 中使用 createStackNavigator(React Navigation)？

Question

我正在使用 React Native 和 TypeScript 编写应用程序，并使用 React Navigation 进行路由。
在我下载的示例项目中，他们使用 StackNavigator({...}) 来创建导航器，但是当我执行 npm start 时，我看到一条警告，指出 StackNavigator 已弃用，我应该改用 createStackNavigator。 createStackNavigator也是我在网上教程看到的功能。

问题是在使用 createStackNavigator 时出现错误:

[ts] Module '".../.../..."' has no exported member 'createStackNavigator'.

我检查了一下，路径中的index.d.ts文件确实没有这样的成员。我尝试了 npm install @types/react-navigation@latest 但这也没有帮助。

我该怎么做才能使用 createStackNavigator？还是我应该求助于已弃用的 StackNavigator？

Answer 1

@types 中的类型定义文件不是最新的，并且可能不会再更新，因为 TypeScript 支持将很快添加到 react-navigation 库中。

您可以找到有关此 here 的更多信息以及类型定义文件的最新版本(几乎一直滚动到底部)。只需将该片段复制/粘贴到 node_modules/@types/react-navigation/文件夹中的 index.d.ts 文件中。这将允许您使用 createStackNavigator 和其他。