如何正确安装流程类型以反应native@0.46+？

Question

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

react-native@0.22文档中有流量安装指南，但已在react-native@0.46中消失。

然而，它再次出现在Running Tests and Contributing中，我测试过运行npm run flow但不能正常工作，但它并没有说明如何让它发挥作用。它可能是反应原生文档中缺少的部分。

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

Answer 1

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

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

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

[ignore]

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

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

如果设置不正确，首先应安装流程

npm install --save-dev flow-bin

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

npm run flow init

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

初始化后，将我的.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。

Answer 2

我发现flowtype内置于react-native@0.46 +。

对于本机反馈文档，我认为它们至少应该已经内置了 flowtype 。对于其他文档ex：Testing Your Changes@flow，如果没有{vscode flow extension，它将无效1}}，他们也应该提一下。

为了使flowtype成为最佳用途，我将它与Visual Studio Code一起使用。

步骤：

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

然后你安装了带有可视结果的flowtype以及每个按键：

This

Answer 3

试试这个：

向React Native添加流程

https://medium.com/react-native-training/getting-started-with-react-native-and-flow-d40f55746809

希望这有帮助！