将手势和动画添加到React Native项目
React Native allows developers to build native Android and iOS apps using React and JavaScript. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. To make your apps stand out, you should include gestures and animations.
React Native允许开发人员使用React和JavaScript构建本机Android和iOS应用程序。 React Native使用与常规iOS和Android应用程序相同的基本UI构建块。 为了使您的应用脱颖而出,您应该添加手势和动画。
We've released a video course from William Candillon that will teach you how to add declarative gestures and animations to your React Native projects.
我们已经发布了William Candillon的视频课程,该课程将教您如何在React Native项目中添加声明性手势和动画。
In this course, you will learn:
在本课程中,您将学习:
- Why? You will learn why gestures and animations are mportant to understand when using React Native. You will also learn about important strategies and APIs. 为什么? 您将了解为什么在使用React Native时,手势和动画很重要。 您还将了解重要的策略和API。
- Transitions. Transitions are the easiest way to animate components in React Native. 过渡。 转换是在React Native中为组件设置动画的最简单方法。
- Animations. You will learn how to build a simple timing animation that can loop, pause, resume, pause, resume, using the Bare Metal animation APIs. 动画。 您将学习如何使用Bare Metal动画API构建简单的定时动画,该动画可以循环,暂停,继续,暂停,继续。
- Gestures. You will learn how to add gestures to interact with cards and elements on screen. 手势。 您将学习如何添加手势以与屏幕上的卡片和元素进行交互。
- SVG Animations. You will learn how these gestures and animations integrate very nicely with SVG and you will learn how to build a circular slider using gestures and SVG animations. SVG动画。 您将学习这些手势和动画如何与SVG很好地集成,并且将学习如何使用手势和SVG动画构建圆形滑块。
If you are ready to discover the powerful world of declarative gestures and animations in React Native, check out the video below or on the freeCodeCamp.org YouTube channel.
如果您准备在React Native中发现声明式手势和动画的强大功能,请查看下面的视频或在freeCodeCamp.org YouTube频道上 。
翻译自: https://www.freecodecamp.org/news/react-native-gestures-animations-tutorial/