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

reactjs - 反应原生如何动画视图打开->向下

考虑以下组件,其中用户从列表中选择一个选项:

该组件在以下上下文中使用:

实际上,该<MenuSelector>组件“立即”出现在屏幕上。我需要添加一个滑动效果,当数据出现在屏幕上时<MenuSelector>“下推”数据......FlatList

在此处输入图像描述

关闭时,行为相同,但动画从下到上。

如何将这种动画行为添加到我的MenuSelector组件中?

0 投票
1 回答
2490 浏览

javascript - React Native 中同一元素的 Out/In 动画

我有一个TextViewfadeOutDown旧数据和fadeInDown下一次渲染的新数据。我该如何做到这一点?我正在使用该react-native-animatable库并设法制作了一个动画,但不知道如何制作两个。

0 投票
1 回答
2406 浏览

react-native - 在本机反应中创建一个微调器

您好,我正在尝试使用 Animatable 制作一个旋转轮以响应本机。按照此处的示例(https://code.tutsplus.com/tutorials/practical-animations-in-react-native--cms-27567),我能够旋转一个矩形框。这是代码!

但问题在这里,我们正在旋转一个使用 css 创建的盒子,有没有一种方法可以让我使用 html 和 css 制作自己的微调器并根据业务规则旋转和停止它?

在此处输入图像描述

需要一些指导和建议谢谢!

0 投票
0 回答
57 浏览

reactjs - Target component/view that is not child

I am using React Navigation and React Native Animatable, both awesome.

Is it possible to interact with another react component that is not its child? Like the below. I get an error

"Invariant Violation: React.Children.only expected to receive a single React element child."

Let's say that I want to navigate the main view if I navigate, it would be cool to do this with:

0 投票
1 回答
93 浏览

reactjs - React Native 点动画

在此处输入图像描述

我只需要创建一个与上图完全相同的动画进度条。我创建了一个弧形条。但我正在努力处理白点移动动画。如何从右到左进行点移动?

我在这里使用-https://github.com/facebook/react-native/tree/master/Libraries/ART

0 投票
1 回答
1029 浏览

react-native - Drawer Navigator 事件(打开、关闭)为菜单设置动画

我的抽屉:

这是我的侧边栏组件:(更清晰)

如您所见,我使用来自https://github.com/oblador/react-native-animatable的动画视图

这个库得到了onAnimationBegin,所以我想要从抽屉中获取一个“事件”,上面写着“我打开”,所以我可以调用onAnimationBegin来开始我的动画。因为在我的例子中,它是一个循环,只是为了看看动画是否有效。

非常感谢你的帮助

0 投票
0 回答
160 浏览

react-native - 如何在本机反应中设置形状(ART)区域的点击事件?

我需要编写使用反应原生 ART 绘制的特定形状的点击事件。我怎样才能做到这一点?你能分享你的想法或想法吗?我可以解决这个问题吗?

0 投票
1 回答
81 浏览

javascript - 如何启动 react-native onTouchDown anination

我正在使用 Expo 和最新版本的 React-Native,我想为 View 或 Button 等组件提供微妙的触觉反馈。

我目前使用 animatable 在 onPress() 事件上启动脉冲动画,但动画只有在手指松开后才会触发。

我想要一个微妙的尺寸减小,同时按下然后在释放时平滑的补间 - 这会让我感觉优雅而不烦人。

这可以做到吗?我认为 Animation 或 Animatable 很容易支持这一点,但我找不到任何类似的例子。

0 投票
1 回答
2181 浏览

react-native - React Native - 用过渡填充背景颜色

我有一个观点,我相应地用背景颜色填充它。例如,如果用户从五个组件中选择一项,我的视图必须用颜色填充 20%。我已经正确地用颜色填充了我的视图。但是由于我不能使用过渡属性,所以没有办法用过渡来填充颜色,所以看起来像是逐渐填充。如何为我的视图设置动画,使其具有平滑的颜色填充效果?

我的代码

0 投票
0 回答
123 浏览

react-native - 反应本机滚动视图

我是本机反应的新手,有一个要求,我必须以弧形滚动图像,比如滚动半圆弧,是否可以使用滚动视图进行相同的设计,任何人都可以给我一些提示吗?,我也在尝试 react-native-snap-carousel 库