问题标签 [react-native-animatable]

我怎样才能在 React native 上做这个动画？

我希望当用户做出向右滑动头盔的手势时，它会移动到另一个屏幕，当向左滑动头盔时，它会移动到另一个屏幕

这么简单吗？

你有其他建议吗？

代码如下：

我怎样才能在 React native 上做这个动画？

我希望当用户做出向右滑动头盔的手势时，它会移动到另一个屏幕，当向左滑动头盔时，它会移动到另一个屏幕

这么简单吗？

你有其他建议吗？

**代码波纹管：**

我正在尝试制作一个原生反应屏幕，其中上视图的高度可以通过从底部拖动来调整大小。在此处输入图像描述

(1) 的大小在拖动时增加 (2)

到目前为止，我尝试了两种方法 1. PanResponder

2. 泛手势处理程序

但是没有一个有效...我也尝试了两者的其他几种变体，但是它们都没有按预期工作，要么滑动太快，要么根本不动

我想对从 FlatList 中移除的项目进行动画移除。

我有一个自定义卡片组件作为 FlatList 中的项目。我垂直显示它。

现在，我想为项目的删除设置动画。可以从任何位置/索引中删除项目。

删除动画是，项目应该隐藏，下面的项目应该慢慢向上滑动。它应该是光滑的，我做了正常的它不光滑。我能够制作不透明动画，但 translateY 无法在卡上按要求工作。

使用以下动画隐藏已删除的卡片：

在卡片渲染（）中

无法控制/动画 FlatList 重新渲染/滚动/向上滚动行为。

有人能帮我吗？

我刚刚开始学习 React-Native 的 Animatable 库，但不知道如何从函数中启动动画。

例如，我有：

和

自然，当页面加载时，我的“custom1”动画会立即在视图上执行。

但是，如果我不希望在“调用它”（而不是在页面加载时）之前执行“custom1”动画怎么办？例如，如果我想做什么：

我将如何做到这一点？

目前，我正在为出现和消失的动画而苦苦挣扎。我的目标是让视图进出动画。但我也希望视图在动画后 100% 消失

主意

问题 viewAnimationRef 在下一个渲染周期中设置，而不是在将 showView 设置为 true 后立即设置 ->bounceIn 动画将永远不会执行.. 因为 viewAnimation.current 为空..

我在用：

• 反应原生 0.62
• 反应原生动画 1.3.3

也许某人有一个想法如何解决这个问题^^

谢谢

我正在使用 refs 为 View 设置动画，但是 refs 抛出了一个未定义的错误。但是，如果我注释掉我访问 ref、加载页面、取消注释代码并重新加载页面的尝试，则动画效果很好。

我的代码：

我能做些什么来解决这个问题？似乎在launchOpenAnimation()执行 my 时没有定义 ref ，而是在之后定义了它，因此如果我将其注释掉、重新加载、取消注释并再次重新加载，代码就会工作。

我的 React Native 应用程序中有一个Animatable.Text元素，我希望它淡入淡出，但淡入的时间比淡出的时间要多。换句话说，我希望它的不透明度表现得像正弦曲线，但它在顶部比常规正弦曲线更陡更平坦。这是我到目前为止所拥有的：

有谁知道我可以如何使文本可见更长时间？

我在图像中的 react-native 应用程序中有一个视图。我已经为相应的视图添加了 css。为了使可视化清晰，绿色视图不在红色视图的顶部，而是红色视图在绿色视图之后。

用例 - 我想隐藏绿色视图，使红色视图以平滑过渡占据整个空间。

我一直在尝试使用Animatedreact-native 提供的事件调用隐藏绿色视图。我尝试在 translationY 上应用动画，但正如预期的那样，视图移出了可见区域，但实际占用的区域并没有减少。我试图将它应用于高度，然后我得到一个useNativeDriver: true在高度上不起作用的错误。所以我删除了它，行为突然从平稳变为极度滞后，并在过渡中停顿了很长时间。

现在，通过平滑过渡添加关于高度变化的动画似乎是不可能完成的任务。

我怎样才能达到我想要的行为？

我继承了以下组件，该组件与以前版本的 react-native 配合良好，在其他组件显示的按钮上显示不透明的滚动进度条。

最近，当我升级到 react-native 0.62.2 时，请求添加 useNativeDriver. 添加它并将其设置为“是”时，我收到一条错误消息，提示“ style property 'width' is not supported by native animated module”。

当设置useNativeDriver为 false 我没有收到错误但动画不起作用（至少在 android 上没有。没有在 iOS 上测试）。

关于如何修改代码以使其与最新版本的 react-native 一起使用的任何建议？