问题标签 [react-native-animatable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
91 浏览

javascript - React-native 如何使用 x 和 y 值将视图固定在某个位置

我正在尝试修复从另一个屏幕获取的某个位置的视图。尝试使用下面给出的变换。但 x 位置移动错误

0 投票
3 回答
519 浏览

react-native - 当屏幕以 react-native 加载时,如何在 Button 上显示动画?

当屏幕以 react-native 加载时,如何在 Button 上显示动画?

我想在 Button 上应用动画并在它加载到屏幕时显示它的效果。所以请帮助我。我如何在 react-native 中实现此功能。

0 投票
1 回答
1242 浏览

ios - 我们如何在反应原生版本 .61 中将动画添加到底部选项卡图标

如何在 react-native Navigation 中自定义 bottomTab 并向其添加自定义动画。我目前正在使用 react native 版本 .61,我只想将动画放在中间选项卡图标中。图标应该跳跃和旋转。我需要它用于 ios 应用程序。

0 投票
0 回答
844 浏览

react-native - 5 秒后褪色 React Native 元素

我的 React Native 屏幕中有一个View我想显示的,然后在 5 秒后淡出。这是方法内部的视图render()

屏幕上有一个按钮,当我点击按钮时,我想在显示和隐藏视图之间切换。这里没有任何动画,但是在视图显示 5 秒后,我想将其淡出。这是我在onPress()按钮事件中所拥有的。

这行不通。视图按预期显示和消失,但不会淡出;它只是在没有动画的情况下消失。我究竟做错了什么?

0 投票
2 回答
5595 浏览

react-native - 如何使用功能组件做一个简单的不透明动画并反应原生复活

Reanimated 的每个文档都在使用类组件设置为 Opacity.setvalue(0) 它可以工作,但我需要设置为以便将时钟用于其他动画,请提供任何帮助。

0 投票
1 回答
368 浏览

javascript - 在反应本机导航屏幕之间切换时,PanGesture 动画不起作用

我按照本教程使用本机导航创建了一个自定义标签栏组件:https ://reactnavigation.org/docs/bottom-tab-navigator#tabbar 。然后,我在导航顶部放置了一个自定义组件来模仿 spotify 最小化播放器,这样当我可以执行从最小化到全尺寸播放器的拖动手势时。但是,当我运行应用程序时,手势在第一个屏幕上工作正常,但是当我切换屏幕时,手势不起作用https://www.youtube.com/watch?v=w-8NSQyWPHI&feature=youtu.be

自定义标签栏

0 投票
3 回答
1461 浏览

reactjs - react-native 使状态栏“barStyle”可动画化

我正在尝试使状态栏barStyle动画化,这样当我滚动时,我可以将barStyle类型从“dark-content”更改为“light-content”。

首先,我制作了我的 statusBar 动画:

二、设置Animated Value:

最后,如果 barStylethis.HeaderBg已更改,则更改:

我觉得我的代码应该可以工作,但没有按预期工作。

知道barStyle当动画更改时如何更改状态栏的类型吗?

顺便说一句,我没有使用钩子。我想知道如何使用类组件来做到这一点。

0 投票
0 回答
301 浏览

react-native - React Native 以编程方式在元素上滑动手势

在这个由 William Candillon 从http://start-react-native.dev制作的精彩视频中,他展示了如何制作这个屏幕外菜单。代码可以在这里找到:https ://github.com/wcandillon/can-it-be-done-in-react-native/tree/master/the-10-min/src/Menu

我的问题是,是否有可能创建一个可以以编程方式关闭个人资料屏幕的功能,而不是用户在个人资料卡上滑动。最好是随着动画结束,但计划 B 可能只是优雅地将动画状态返回到起点。可以伪造滑动的通用功能会很棒。

提前致谢!

0 投票
1 回答
431 浏览

react-native-animatable - 反应原生动画 api 不适用于 Android 手机

所以,我试图使用react-native-animatedAPI 做一个淡入淡出动画,但不幸的是,当我尝试在我的 android 设备上渲染它时,它并没有得到动画。它只是没有动画任何东西,屏幕也是空白的,但一段时间后(比如 30-40 秒),文本显示没有动画。如果我不应用 Animated.View 而不是立即显示文本,或者您可以说内容的正常呈现。任何人都可以找到我在这段代码中做错了什么,或者我应该添加什么来使它工作。

反应原生动画版本:1.3.3

0 投票
1 回答
790 浏览

javascript - 如果在两个组件中使用 React Native Redash onScrollEvent 不会改变 Y 值

在我当前的应用程序中,动画 y 值仅在我热重新加载我的应用程序后才会改变。

在重新加载之前,我的组件的应用程序的 y 值不会改变或至少不会插入 y 值

我不确定是什么导致了这种奇怪的发生。

这是代码片段

在这里,我创建了动画 Y 值

这里我改变了 onScroll 的 Y 值

这里 Y 值的变化也应该发生在这个组件中