问题标签 [react-native-animatable]

我正在开发一个应用程序。这个应用程序有一个显示 6 个图标的主屏幕。当我按下图标时，反应导航器导航到新屏幕。当我按下图标时，在过渡之前，它必须发生动画。我不想将 Transitioner 用于以前的问题。当我按下一个图标时，这是我的屏幕，我希望图标不透明度变为 0，并且它移动到屏幕的左上角（紧挨标题下方）。但我希望它支持所有设备，我无法为每个人计算距离、平移、初始位置等，我用 flexbox 设计了它，而不是绝对位置。

我试图从位置 0 开始动画视图并到达基于屏幕计算的位置，但我无法再管理代码

正如您从上面的代码中看到的那样，我已经获得了不透明度。我不知道如何进行翻译，因为图标是插入到特定视图中的。

我正在尝试利用react-native-animatable来制作一系列动画图像。这是我的代码：

第一个图像滑动，但其余两个没有滑入，它们只是出现。

我想实现这样的：

请帮忙！！如果您有任何其他方法，也请分享。提前致谢

我的问题是关于在 react 和/或 react-native 动画中使用 translateX 和 translateY 来将对象设置为动画到某个点。

这两个变换相对于现有点移动对象。

但是对于这个场景，现有坐标并不重要，我想确保对象移动到屏幕中可能存在的某个点。

额外的限制是，我不能为样式设置动画top，并且因为在 react-native 中，如果我们为这些样式设置动画bottom，那么我们就不能使用导致性能问题的指令。leftrightuseNativeDriver={true}

我正在尝试使用react-native-animatable库运行一些简单的动画。（但我相信这个问题对于任何反应动画都应该是通用的，所以也可以添加其他标签。）

问题是，第一次，图像的动画效果符合预期。但是当打算用手势开始第二个动画动画时，图像翻译从它的原始坐标开始。

搜索结果，在 Android 开发中（显然不是我的情况）似乎有一种方法，setFillAfter可以在动画之后设置坐标。

我的问题是，如何将位置（例如左侧/顶部值）设置为最终翻译点，以便连续动画从上一个翻译左侧的点开始。

下面代码块的博览会小吃在这里。

为了并行运行动画序列，ReactNative Animated API 提供了Animated.parallel方法。

考虑到所有动画对象都在动画组件的范围内，这种方法工作得很好。

但是，有时可能希望将可重复的动画逻辑封装到不同的组件中，例如<Fade/>.

当我们构建一个组件来重用许多子组件，这些子组件封装了每个相应的动画以同时并行运行它时，什么被认为是一种理想的方法？

我正在尝试使用 react native 构建一个应用程序，并且在构建初始屏幕时遇到了一些麻烦，因为我没有正确理解如何将组件分层到屏幕上并使其全部显示。

我试图更改某些部分的代码，但它要么产生错误，要么只显示屏幕的一部分。

这就是屏​​幕的样子

这就是它的样子

这是 Screen JS 文件中的代码

}

这是带有搜索按钮的面板的代码

}

这是背景图像的代码

}

您能否查看一下我在滚动视图配置中缺少的内容。我正在尝试创建一个滚动视图动画，其起始卡子偏移量为设备宽度的一半，然后当用户滚动时，它应该对齐中心，其他其余的滚动视图子也应该对齐

基本上所有的孩子在滚动时都应该居中对齐。第一个孩子也应该从设备宽度的末尾开始。

到目前为止的进展-> https://snack.expo.io/@sefiniyuk/scrollview-alignment

谢谢你。

我在基于类的组件中获得输出，但我想知道如何在功能组件中完成同样的事情

我正在尝试使用钩子创建动画，但我的代码有问题。有谁能够帮我？我测试时没有出现错误，但图像没有出现。我正在尝试让图片在我的加载屏幕上旋转。

我有一个onHandlerStateChange活动TapGestureHandler。当 onHandlerStateChange 被触发时，我想改变内部按钮的不透明度TapGestureHandler。

在里面this.onStateChange我有以下代码来改变不透明度。

我正在使用 android studio 模拟器并尝试使用react-native run-android并导入运行 android 应用程序

我是反应原生编程的初学者。