react-native 动画库的流类型

Posted 2023-03-08

【中文标题】react-native 动画库的流类型

【英文标题】：Flow types for react-native's Animated library

【发布时间】：2018-02-12 21:03:58

【问题描述】：

我正在尝试将 react-native 的 Animated 库与 Flow 一起使用。不幸的是，我遇到了一堆无法解决的 Flow 错误（请参阅屏幕截图）。

在下面的示例中，我在屏幕上渲染了一个圆圈，并希望在使用Animated.spring 渲染它时使其移动。我还需要添加什么来使 react-native 与 Flow 一起工作吗？

Flow 版本：0.54.0 / react-native 版本：0.48.0

目前，我只是忽略 .flowconfig 中的动画 :(

; Ignore Animated
.*/react-native/Libraries/Animated/**/.*

【参考方案1】：

我相信您的具体问题已在更新版本的 react-native 中得到解决。可能有用的是，您可以使用 AnimatedValueXY 注释 position 并导入两者之一

import type AnimatedValueXY from 'react-native/Libraries/Animated/src/nodes/AnimatedValueXY';
import type AnimatedValue from 'react-native/Libraries/Animated/src/nodes/AnimatedValue';

这有点丑，但我没有找到更好的选择