问题标签 [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 回答
155 浏览

react-native - 在 React Native 中使用插值时出现错误“尝试分配给只读属性”

我上面有一个FlatList和一个View。我想要的只是向下滚动时FlatListView高度降至零。我使用插值来做到这一点,这是我的代码:

当我运行代码时,我得到了这个错误。任何人都可以告诉我如何解决它?

0 投票
0 回答
70 浏览

react-native - 是否可以使用 react-native 构建复杂的动画

在此处输入图像描述

是否可以使用 react-native 构建具有给定设计的启动画面?

0 投票
0 回答
894 浏览

react-native - 反应原生地图标记卡动画弹出

我正在学习 React Native 的动画。我为我的应用程序使用了谷歌地图。我创建了假数据。我使用React-native-map's Marker显示数据的纬度和经度。在标记内部,我使用了React-native-map's Callout,它采用了 react native 的 jsx 元素。在外面我使用了动画,但似乎动画不起作用。这是标注的外观。我想弹出动画卡200ms。我不知道如何使用标记内的动画。

这是我的地图组件

0 投票
2 回答
838 浏览

javascript - 有人可以用“Animated.event”向我解释“onScroll”吗?

有人可以向我解释一下 onScroll 中 Animated.event 中的本机文档吗?或者只是可以为我提供一个指向它的参考的链接,请。我不应该将函数传递给 onScroll (event) => {Some function} 吗?

另一件事,this._scrollX 中的 Animated.Value 是否接收到 contentOffset 的 x 值?怎么会?

https://reactnative.dev/docs/animated#event

0 投票
0 回答
440 浏览

reactjs - react-native-reanimated 旋转仅适用于 .map 循环内的最后一个孩子

我正在使用这个库:https ://github.com/software-mansion/react-native-reanimated

我想在触摸每个元素后旋转它们。我在.map循环中创建了它。但它仅适用于最后一个元素。我希望单独对所有元素产生相同的效果。

这是我的代码:

这是小吃: https ://snack.expo.io/@expo_test_tan/ff5ce2

注意:但它给出了错误。哪个在avd或真实手机中正常工作。

这是问题演示:

ezgif-2-7f7f4fba0ca6

请帮忙。提前致谢。

0 投票
0 回答
40 浏览

reactjs - 如何保持 React Native 动画变换状态?

transform为什么我用样式为 Animated.View 设置动画,它可以工作。
但是当我更新一些数据(用useState)时,transformed状态会回到原点。
但是,其他样式属性,例如padding,将保留更新后的值。
为什么以及如何解决它?

0 投票
1 回答
60 浏览

react-native - 如何制作无限动画

如何制作在到达屏幕末端并从另一端开始时不会停止但循环的运动图像动画?示例 gif:

在此处输入图像描述

0 投票
0 回答
36 浏览

reactjs - 如何引导用户在 React Native 中刷卡,例如 tinder 制作的动画

我正在尝试制作一个克隆应用程序 Tinder。我完成了应用程序。现在,就像 tinder 一样,我想指导用户如何刷卡,以及用户登录后刷卡的工作方式。

0 投票
1 回答
1054 浏览

react-native - onScroll 不是 useNatveDriver 和 ScrollView 的函数错误

我想在我的应用程序中添加一个可折叠的标题。我为 Header 视图创建了一个单独的组件。

在我的主页上,我添加了这样的标题:

但是,如果我尝试滚动,我会收到一条错误消息

如果我删除useNativeDriver: true错误消失,而是我收到警告说我失踪了useNativeDriver

如何正确使用此可折叠动画?

0 投票
0 回答
73 浏览

react-native - 我怎么能用按钮和滑动器进行分页反应原生

我试着用ScrollViewand做transformscrollTo但我想不通,我不想用react-navigation

我想在顶部创建一个固定栏并在其中创建两个动画按钮,当触摸按钮时转到第二个屏幕并播放按钮动画,以及当屏幕滑动播放按钮动画时

这样,屏幕也必须是可滑动的