使用 TypeScript 时如何在 React Native 中使用 createStackNavigator（React Navigation）？答案

【问题标题】：How can I use createStackNavigator (React Navigation) in React Native while using TypeScript?使用 TypeScript 时如何在 React Native 中使用 createStackNavigator（React Navigation）？
【发布时间】：2018-11-03 14:55:27
【问题描述】：

我正在使用 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？

【问题讨论】：

标签： typescript react-native react-navigation

【解决方案1】：

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

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

【讨论】：