问题标签 [react-animated]

我正在尝试在平面列表的滚动上为工具栏高度设置动画，但我不断得到一个Warning: Failed prop type: Invalid prop style.container of type object supplied to Toolbar, expected number. 我正在使用来自react-native-material-ui 的Toolbar组件。我正在为动画使用 Animated API。

代码片段：

我使用的onScroll道具flatlist如下：

控制台输出

我正在尝试让一个简单的滚动动画在本机反应中工作，这真是太棒了。

我想要实现的是组件在被点击后滚动到屏幕的右侧边缘。

无论我对这个类做什么，Attempted to assign to readonly property当我点击元素时都会出现错误，我不知道为什么。

animateOut我可以看到函数中发生的唯一赋值是this.anim.offsetX，但这不能是只读属性，因为我在构造函数中清楚地赋值给它就好了。

我尝试过但没有帮助的事情：

1. 从 state 属性中取出可动画的值，因此 animated.timing 调用不会尝试直接改变 state 属性。

2. 简化动画调用，这样只有一个动画会改变这个值。

3. 仔细阅读示例：reactjs 动画文档，看看我在做什么不同。

4. 查找有关堆栈溢出的现有问题。我发现了这个问题，但那里的错误情况似乎不适用于我的代码。

有人可以告诉我我做错了什么吗？

我需要一些帮助来实现搜索和滚动以响应本机。做了很多搜索，最终陷入了一些死胡同（找到了一些refs我无法工作的例子）。

尝试构建此代码段作为启动：

https://snack.expo.io/@norfeldt/searching-and-scroll-to

任何帮助入门将不胜感激。

我正在尝试以下简单的显示/隐藏动画，该项目确实出现和消失但没有任何动画：

嗨，我希望animated.view 像圆圈一样移动。我想用鼻窦来解决这个问题，但它不起作用。有人知道怎么做吗？我不想旋转视图。它应该在圆圈中移动。我是新来的反应本地人。如果有人可以帮助我，那就太好了。

I am making a quiz. And all options will render in for loop.

Expected Behaviour:

When I click on an option, if it is the wrong answer then it should change the background color to red and it should shake.

Below is the code I am trying.

The above code animating(shake) all the options (Which is proper according to the login written), and I am stuck how to make only the clicked option get animated instead all?

Edited:

Parent component with props feed:

Second EDIT: Trying to simplify problem.

Below is the simplified code with zero props. I want to animate clicked element only.

我想要 2 个视图，它们同时像一个没有旋转的圆圈一样变换。第一个视图从顶部开始，第二个视图从底部开始。我已经问过如何用一种观点来做到这一点。我不让它运行有两个视图。 之前的问题

卡在小问题上。我有Animated.ScrollView，我有这样的 onScroll 事件

因此 onScroll 激活（在屏幕上）item在视图中突出显示的卡片。

有时我需要使用scrollTo方法滚动到特定值，但我总是看到一个问题。

例如，我有 10 个项目。（我将根据 scrollOffset 突出显示 10 个项目和 10 个项目）。

当我使用我的scrollTo方法时，我会看到每个项目是如何突出显示的，直到它成为我需要的。

有没有办法只突出我需要的一个项目？

好吧，我对 react-native 寄予厚望，并认为它在动画方面是稳定的。

所以情况如下：

我有一个从外部设备接收数据的应用程序。我想做的是以折线图格式可视化数据。（注意：我不想使用折线图或任何图表。我希望自己像画布一样创建一条线）。

主要问题，我们不能使用 CSS 动画和 CSS 关键帧，这使得线条的动画很难。

例如，假设这是我从外部设备收到的数据：

我希望能够使用这样的线条动画使其可读example

现在的问题是，我在 React Native 中有哪些选项可以实现相同的动画？

谢谢

最近在使用 react native 动画 API 时遇到了这个问题。

如图所示，卡片组件位于左上角，其翻转动画状态由rotateY值控制，移动动画由translateX和translateY值控制。

似乎旋转枢轴点始终设置为卡片的原始位置。移动卡片后（更改 translateX 和 translateY 值），卡片翻转旋转动画参考其原始位置。

有没有办法调整旋转枢轴点？或者，有没有办法为组件的位置设置动画而不是平移？谢谢。