分类
Javascript

React电商项目实战

本项目需求功能Vue shop相同,后端API也是一样的,使用的是React三件套:React、React Router和Redux。先对比一下最终效果吧,源码在这里下载。此文主要就这两个项目说一说React与Vue的区别。

分类
Javascript Mobile

使用React Native交错动画

可以简单的把React Native交错动画看的是并行动画和系列动画的组合。也就是说,使用Animated.stagger方法按照给定的延时间隔顺序、并行的执行动画。与parallel和sequence一样,stagger也包含了一个动画数组,同时执行所有动画,但需要设置相等间隔时间的开始时间。与parallel和sequence不同的是,Animated.stagger方法的第一个参数是交错时间,第二个参数是动画数组。

分类
Javascript Mobile

使用React Native序列动画

序列(sequence)动画是一系列依次出现的动画,每个动画在开始前需等待上一个动画完成,sequence可以用来创建动画,与parallel类似,sequence也包含一个动画数组:

分类
Javascript Mobile

使用React Native并行动画

有时候我们需要一次新建多个动画,并让其同时运行。可以使用Animated.parallel方法同时启动一系列动画。比如要在屏幕上渲染一个欢迎界面,让界面同时显示两条欢迎信息和一个钱运登录按钮。可以创建三个独立的动画,然后对它们分别调用Animated.start方法,还有一种更有效的方法,使用Animated.parallel方法传入动画数组,然后同时运行动画。

分类
Javascript Mobile

React Native快速入门

创建React本机应用程序是开始构建新的React Native应用程序的最简单方法。它允许你启动一个项目,而不需要安装或配置任何工具来构建本地代码-不需要安装Xcode或Android Studio(请参阅注意事项)。