问题标签 [react-animated]

我正在研究如何在本机反应中为颜色设置动画并遵循本教程https://codedaily.io/screencasts/8/Animate-Colors-with-React-Native-Interpolate

我所做的只是先运行react-native init然后用这个替换我的 App.js 中的代码

然后运行react-native run-android

现在我不断得到TypeError:undefined is not an object(evaluating 'this.animatedValue.interpolate')

我想使用动画功能将组件移动到屏幕上的绝对位置。

基本上它是这样工作的：

我想知道如何将组件移动到屏幕的左上角。toValue 相对于对象的最后一个位置。

有窍门吗？

我有一个我自己制作的汉堡菜单，需要帮助在 onPress={} 事件中对其进行动画处理，

我希望中线收缩到中心，然后同时让第一行下降到 y2={18} 和第三行到 y2={6} 形成一个十字。这应该发生在 onPress 函数上......“setNativeProps”类型的作品，但不是 onPress 函数。你们将如何实现这一点？感谢您的帮助！一切顺利！

如何删除应用于 Animated.timing 函数的默认缓动 (easeInOut)？出于某种原因，设置ease: Easing.linear不会删除默认的 easeInOut 时间。

Animated.ValueXY(100,100)上图所附的代码改成后运行没有问题Animated.ValueXY(0,0)

任何人都可以解释为什么存在这种行为，因为我的想法不是让这个球开始移动，x:0,y:0我希望它开始x:100,y:100移动

我有两个组件-一个由滚动视图和一个在滚动时触发的函数组成，另一个包含一个页脚，我想在滚动时更改其高度。

带有 scrollView 的第一个组件是这样的——

在 list.js 中，我有一个带有这样的功能的滚动视图

此代码的问题在于页脚的高度恒定为 60。即使在滚动视图滚动时，它也不会更新。

我正在尝试使用以下组件：https ://github.com/bgryszko/react-native-circular-progress 。但似乎动画在组件渲染后立即开始，我想做的只是在按下图标并调用捕获后才开始动画。我正在尝试模拟 SnapChat 视频录制的功能。此外，另一个问题是如何捕捉用户何时从按钮释放的事件，即停止录制。

我希望人们熟悉这个库并能够以某种方式提供帮助。

我已经尝试了上述方法并将其与此动画中的状态集一起使用：

我还应该提到onAnimationCompletes几乎立即记录。

谢谢

我正在尝试使用react-native-interactable创建一个只能在按下一段时间后才能移动的组件（如android和ios跳板）我设法找到了解决方案，但我的问题是当它Interactable.View变得可拖动时，我必须移除我的手指TouchableOpacity才能移动 Interactable。

我希望它在被触发时可以直接移动，onLongPress但看起来它TouchableOpacity正在捕捉所有手势。

我也想dragEnabled在调用 onPressOut 时重置为 false，但这种行为似乎不可能。

这是我的代码：

我对组件进行了拖放功能，这些组件被拖放到坐标中的元素上，在 Android 上一切正常。

但是在 iOS 上，具有所有 panResponder 和处理程序的动画视图似乎更大并且不适合它们的内容，因此当我选择一个要拖动的元素时，我笨拙地选择了顶部或下方的那个。

这就是我显示包含要拖动的图像的视图的方式

有styles.circle：

});

每个动画视图都以绝对位置放置，如下所示。

还有我的泛事件。

有人遇到类似的问题吗？不知道我有没有说清楚^^

这是可行的吗？例如，检查此链接。

我一直在努力让它发挥作用。这是我当前的代码：

这background是一个看起来像这样的变量：

我想要发生的是当您单击动画视图时，我希望背景颜色褪色。所以我试图使用 rgba 并根据背景变量更改 alpha，这给了我一个错误。

这是我删除背景的功能：

任何线索我怎么能做到这一点？