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

Question

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

来自react-native@0.22文件的流量安装指南,但它已经在react-native@0.46中消失了.

但它在运行测试和贡献中再次出现,我测试了运行npm run flow但没有工作,并且它没有说它如何使其工作.它可能是react-native文档中缺少的部分.

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

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

并在安装后在项目root中运行它:

npm run flow init

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

初始化后,将我.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已经内置。对于其余文档，例如：Testing Changes @ flow，如果没有它就无法工作flow-bin，他们也应该提到这一点。

为了使流程类型得到最佳利用，我将其与Visual Studio Code一起使用。

脚步：

flow-bin通过进行全局安装npm i flow-bin -g。确保您的终端对command敏感flow。
安装vscode流扩展。
使用设置vscode工作空间首选项"javascript.validate.enable": false以禁用默认的JavaScript验证，因此可以进行流验证。要访问vscode首选项，ALT+F,P,S对于Windows，?+,对于Mac。

然后您安装了flowtype，并在每次击键时显示了可视结果：

Answer 3

试试这个：

向 React Native 添加流程

希望这可以帮助！