简介
react-native-spinkit-web 是一个 React Native 的轻量级动画库，能够为页面增加各种美观的旋转效果。本文将介绍如何使用 react-native-spinkit-web 给你的项目增添动感。
安装
先确保你已经安装了 React Native。
npm install react-native-spinkit-web --save
如果你使用的是 Yarn:
yarn add react-native-spinkit-web
用法
引入模块
import Spinner from 'react-native-spinkit-web';
属性
以下均是可选属性：
isVisible(Boolean) - 是否显示动画，默认为true。type(String) - 动画类型。可选值：CircleFlip，Bounce，Wave，WanderingCubes，Pulse，ChasingDots，ThreeBounce，Circle，9CubeGrid，FadingCircle，FadingCircleAlt，Arc钟摆式。color(String) - 动画颜色，默认采用纯白色#FFFFFF。size(Number) - 动画大小，默认为 37。style(Object) - 在动画组件上应用样式的样式对象。
示例
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----- ---- - ---- ---------------
------ ------- ---- ---------------------------
----- ----------- ------- --------- -
-------- -
------ -
------
-------------------------
-------- ---------------- --------- ------------- ----------------- --
-------
--
-
-总结
react-native-spinkit-web 是一个简单易用的 React Native 动画库。通过本文所介绍的步骤，你可以快速安装和使用它。与其他动画库相比，它不仅提供了多种动画类型，而且还不对 React Native 库有过多的依赖。希望这篇文章能够对你加深对 React Native 动画的理解，为你的项目增加更多的动感和美感。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672ea0520b171f02e1e30