问题标签 [react-native-animatable]

我是学习 React Native Animation 的初学者。如果你有时间，请帮我解决这个问题。

我想将动画添加到 MyCustomComponent 但它发生了你能告诉我为什么会这样。谢谢你。

我正在使用 react-native-animatable ，当使用 zoomIn 动画时，缩放一次后，它 zoomOut 然后放大，如何在无限模式下忽略反向

gif 我的动画

我正在尝试向我的反应原生应用程序添加动画。但是在安卓和IOS上播放不流畅我应该怎么做才能解决这个问题

我已经尝试使用 Animated 组件运行动画。我的 react-native 版本是“0.57.8”，这是我的代码：

此代码工作正常，但不流畅且非常滞后

请帮我解决这个问题

我想将多个<View>s 的高度存储在一个数组中，并将所有这些值一起设置动画。像这样的东西：

但是，当我尝试这样做时：

这不起作用。

有小费吗？

我正在构建一个反应原生应用程序，用户应该能够在饼图周围移动调整器以调整饼图的开始和结束角度。我正在使用 3 个 panResponder 并使用 /users/681830/val 的想法：

反应原生圆变换翻译动画

我正在计算到 36 个快照中的任何一个的最短距离，然后将动画值设置为该点，但它的效率非常低且滞后。任何人都可以提出更好的解决方案吗？

'''

'''

下面是我想要实现的演示屏幕。

所以，我想要做的是，当我在绿色区域上滑动时，我希望黄色区域随之向上移动，下面的蓝色框区域（FlatList在我的情况下）也是如此。

当黄色区域最终被隐藏时，我希望绿色区域贴在屏幕顶部，用户可以在下面的蓝色框区域滚动。

我如何使用APIPanResponder来做到这一点？Animated据我所知，可以使用插值来完成，但在这种情况下我无法获得逻辑。

在上图中，蓝色框代表FlatList。

当我在 中向下滚动时FlatList，我希望绿色和黄色视图在屏幕上方移动，并且我希望绿色部分粘在屏幕顶部，而黄色视图从屏幕顶部消失。

我已经能够将黄色视图移动到屏幕上方并使绿色视图粘在顶部。但我也希望FlatList当绿色视图在其上方移动时移动，动态改变FlatList.

我期望做什么：

一个模态屏幕，您可以通过向上滑动来关闭。

在模态中我有：

此模式通过单击父组件中的按钮出现。默认情况下，在该父级中有一个状态值showModal: false。打开 Modal 时此状态更改为true，关闭时更改为false。

目前的主要问题是，当您滑动关闭此模式时，该模式不会顺利上升并消失。它上升到 100 像素，停在一个地方并开始消失。

如果删除this.props.hideModal()这个 Modal 会平滑地上升到屏幕顶部并按我的意愿消失，但它并没有完全关闭，之后你不能点击任何其他按钮。

基本上，我需要在动画完成后运行this.props.hidModal() 。

如何实现模态的平滑关闭？我希望我可以理解地描述我的问题。

我正在关注本教程：https ://medium.com/@oriharel/pie-animation-in-react-native-using-svg-55d7d3f90156

在本教程中，您将制作一个结束角度可设置动画的饼图。饼图有三个部分，分别占图表的 20%、20% 和 60%。图表的结束角度从 0.1Pi 变为 2Pi。

我想做的是保持结束角度不变，而是为各个段的比例设置动画（到目前为止固定为 20、20 和 60）。

到目前为止，我尝试的是更改此代码

对此

但这给了我一个错误。有谁知道如何解决这个问题？

谢谢！

我创建了一个动画，它动画，太棒了！

但是，它不会留在其容器中。注意它应该保持在黄色视图内

这是一个 GIF https://user-images.githubusercontent.com/7225808/55251949-0a826d00-5228-11e9-9c0a-8591d32756d5.gif