react-native - 如何为 react native@0.46+ 正确安装流类型？

Question

我搜索了很多网站，但找不到真正适用于 react-native + flow 类型的教程。

react-native@0.22文档中有流程安装指南，但在react-native@0.46中没有。

但是，它在Running Tests 和 Contributing中再次出现，我测试运行npm run flow但不工作，但它没有说明如何使其工作。它可能是 react-native 文档中缺少的部分。

我需要的是flow使用 react-native 正确运行。flow每次我重新加载页面时自动检查⌘R将是最好的。

score 7 · Accepted Answer

我刚刚按流程完成了我们项目的一半，我们使用 RN 0.44.0。

棘手的部分是：你是否也想知道 node_modules 中的错误，有人说这些错误很有帮助。

无论如何，我禁用了 node_modules 中的错误，这是我的 .flowconfig：

[ignore]

<PROJECT_ROOT>/node_modules/.*
<PROJECT_ROOT>/flowLibs.js
.....
[include]

[libs]
./flowLibs.js
.....
[lints]
[options]

如果设置不正确，应先安装 flow，

npm install --save-dev flow-bin

并在安装后在您的项目根目录中运行它：

npm run flow init

如果npm run flow init不起作用，只需添加"flow": "flow"npm 脚本。

初始化后，将 my.flowconfig放入您的项目.flowconfig文件中。

然后创建一个 js 文件flowLibs.js，如果npm run flow check导致您的任何错误，例如Module_Name. Required module not found

写下代码flowLibs.js：

declare module 'Module_Name' {  declare var exports: any;  };

在那之后，你现在应该可以开始你的项目了。

顺便说一句，不要忘记//@flow在要检查类型的文件顶部添加。

score 5 · Accepted Answer

我发现 flowtype 是用 react-native@0.46+ 内置的。

对于 react-native 文档，我认为他们至少应该告诉flowtype已经内置。对于其余文档，例如：Testing Your Changes@flow，如果没有，它将无法工作flow-bin，他们也应该提到这一点。

为了充分利用流类型，我将它与 Visual Studio Code 一起使用。

脚步：

flow-bin全局安装，由npm i flow-bin -g. 确保您的终端响应命令flow。
安装vscode 流扩展。
使用 ,设置 vscode 工作区首选项"javascript.validate.enable": false以禁用默认的 javascript 验证，因此可以进行流验证。访问 vscode 首选项，ALT+F,P,S适用于 windows，⌘+,适用于 mac。

然后你安装了流型，每次击键都有视觉结果：

score 1 · Accepted Answer

试试这个：

向 React Native 添加流

希望这可以帮助！

3 回答 3