问题标签 [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.
javascript - React-native 如何使用 x 和 y 值将视图固定在某个位置
我正在尝试修复从另一个屏幕获取的某个位置的视图。尝试使用下面给出的变换。但 x 位置移动错误
react-native - 当屏幕以 react-native 加载时,如何在 Button 上显示动画?
当屏幕以 react-native 加载时,如何在 Button 上显示动画?
我想在 Button 上应用动画并在它加载到屏幕时显示它的效果。所以请帮助我。我如何在 react-native 中实现此功能。
ios - 我们如何在反应原生版本 .61 中将动画添加到底部选项卡图标
如何在 react-native Navigation 中自定义 bottomTab 并向其添加自定义动画。我目前正在使用 react native 版本 .61,我只想将动画放在中间选项卡图标中。图标应该跳跃和旋转。我需要它用于 ios 应用程序。
react-native - 5 秒后褪色 React Native 元素
我的 React Native 屏幕中有一个View
我想显示的,然后在 5 秒后淡出。这是方法内部的视图render()
:
屏幕上有一个按钮,当我点击按钮时,我想在显示和隐藏视图之间切换。这里没有任何动画,但是在视图显示 5 秒后,我想将其淡出。这是我在onPress()
按钮事件中所拥有的。
这行不通。视图按预期显示和消失,但不会淡出;它只是在没有动画的情况下消失。我究竟做错了什么?
react-native - 如何使用功能组件做一个简单的不透明动画并反应原生复活
Reanimated 的每个文档都在使用类组件设置为 Opacity.setvalue(0) 它可以工作,但我需要设置为以便将时钟用于其他动画,请提供任何帮助。
javascript - 在反应本机导航屏幕之间切换时,PanGesture 动画不起作用
我按照本教程使用本机导航创建了一个自定义标签栏组件:https ://reactnavigation.org/docs/bottom-tab-navigator#tabbar 。然后,我在导航顶部放置了一个自定义组件来模仿 spotify 最小化播放器,这样当我可以执行从最小化到全尺寸播放器的拖动手势时。但是,当我运行应用程序时,手势在第一个屏幕上工作正常,但是当我切换屏幕时,手势不起作用https://www.youtube.com/watch?v=w-8NSQyWPHI&feature=youtu.be。
reactjs - react-native 使状态栏“barStyle”可动画化
我正在尝试使状态栏barStyle
动画化,这样当我滚动时,我可以将barStyle
类型从“dark-content”更改为“light-content”。
首先,我制作了我的 statusBar 动画:
二、设置Animated Value:
最后,如果 barStylethis.HeaderBg
已更改,则更改:
我觉得我的代码应该可以工作,但没有按预期工作。
知道barStyle
当动画更改时如何更改状态栏的类型吗?
顺便说一句,我没有使用钩子。我想知道如何使用类组件来做到这一点。
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 可能只是优雅地将动画状态返回到起点。可以伪造滑动的通用功能会很棒。
提前致谢!
react-native-animatable - 反应原生动画 api 不适用于 Android 手机
所以,我试图使用react-native-animated
API 做一个淡入淡出动画,但不幸的是,当我尝试在我的 android 设备上渲染它时,它并没有得到动画。它只是没有动画任何东西,屏幕也是空白的,但一段时间后(比如 30-40 秒),文本显示没有动画。如果我不应用 Animated.View 而不是立即显示文本,或者您可以说内容的正常呈现。任何人都可以找到我在这段代码中做错了什么,或者我应该添加什么来使它工作。
反应原生动画版本:1.3.3
javascript - 如果在两个组件中使用 React Native Redash onScrollEvent 不会改变 Y 值
在我当前的应用程序中,动画 y 值仅在我热重新加载我的应用程序后才会改变。
在重新加载之前,我的组件的应用程序的 y 值不会改变或至少不会插入 y 值
我不确定是什么导致了这种奇怪的发生。
这是代码片段。
在这里,我创建了动画 Y 值
这里我改变了 onScroll 的 Y 值
这里 Y 值的变化也应该发生在这个组件中