22得票1回答
React Native和Redux的状态管理动画

背景 我正在使用React Native和Redux构建一个应用程序,以便评估在Swift和完全本地开发之间选择哪种方式来进行即将到来的项目。 我真诚地相信Dan Abramov在Redux方面的技术是一种坚实的工程。不更新状态并将视图作为状态的函数是很棒的,我非常赞同这个想法。但是,当引入动...

14得票3回答
React Native:将Pan Responder事件从视图传递到内部滚动视图

我在一个带有平移的动画视图中放置了一个ScrollView。<Animated.View {...this.panResponder.panHandlers}> <ScrollView> ... </ScrollView> <A...

13得票3回答
React Native. 为什么安卓模拟器运行如此缓慢?

同一个项目在iOS模拟器上运行时帧率为60FPS,但在Android模拟器上一切都很慢。我什么也没做,但帧速率从53到56有所变化。JS FPS和UI FPS始终相同。我创建了一个动画组件,当我在iOS上点击它时,一切都很流畅(~60FPS),但是在Android上,JS FPS和UI FPS...

11得票2回答
React Native 圆形变换平移动画

嗨,我希望能让动画视图像圆形移动。我尝试使用正弦函数,但并不起作用。有人知道怎么做吗?我不想旋转视图,只想让它在圆周上移动。我是React Native的新手,如果有人能帮忙就太好了。 //import liraries import React, { Component } from 'r...

10得票1回答
使用React Native动画缩放图像

我对Animated API有两个问题。 第一个问题:我可以使用以下代码从左到右显示图像。 我想将图像从位置 X = 40(leftPadding),Y = 100(topPadding),height:20,width:20 缩放到 X = 20,Y = 10,height:250,wid...

10得票4回答
React-Native 添加淡入动画

我会尽力完成翻译,以下是您需要的结果: 我正在尝试使用Hooks使每次加载组件时淡入该卡片,并在卸载后淡出,但我一直失败,急需他人帮助。请问你能否向我展示如何使用hooks每次加载和卸载时动画这个卡片。 这是我的组件: import React, { useState } from "r...

9得票1回答
如何在React Native中将动画值插值为布尔值或字符串?

我恰好有一个从-1到1的动画,我想将这些值翻译为以下两个字符串: 'Previous' 如果值为负数。 'Next' 如果值为正数。 this.state.anim.interpolate({ inputRange: [-1, 0, 1], outputRange: ['...

8得票3回答
Jest: 我该如何模拟动画循环?

我正在尝试为一个动画组件运行快照测试,该组件具有以下动画代码(在componentDidMount上调用): animate() { Animated.loop( Animated.sequence([ Animated.timing(this.state.pulse...

8得票2回答
如何在React Native文本上制作带动画效果的删除线?

我有一个待办事项清单,每个列表项都有一个复选框。当我勾选框时,应该出现从左到右的带动画效果的删除线。如何做到这一点?

7得票1回答
在React Native中,Animated和Reanimated哪一个更好?

我一直在学习React Native,现在正试图学习动画相关的内容。 经过一番搜索后,我发现可以使用React Native中的Animated组件来实现动画效果,但是也有另一个库叫做Reanimated,据说这个库能够更轻松地创建动画效果。 虽然它们之间存在一些差异,但我希望能够选择其中...