@2hats/react-native-spinkit 中文文档教程
react-native-spinkit
[]() []()
一组动画加载指示器
反应 SpinKit 的本机端口。
Preview
Getting started
npm install react-native-spinkit@latest --save
对于 RN < 0.40 支持,使用 react-native-spinkit@0.1.5
Automatically link the library
react-native link
用于 RN 项目
0.29 使用 RNPM 自动链接库
rnpm link react-native-spinkit
Manual linking - IOS
关注可用的 wiki 在这里
Manual linking - Android
按照可用的 wiki 在这里
Example
检查 index.ios.js 在示例文件夹中。
Properties
Prop | Default | Type | Description |
---|---|---|---|
isVisible | true | boolean | Visibility of the spinner |
color | #000000 | string | Color of the spinner |
size | 37 | number | Size of the spinner |
type | Plane | string | Style type of the spinner |
List of available types
- CircleFlip
- Bounce
- Wave
- WanderingCubes
- Pulse
- ChasingDots
- ThreeBounce
- Circle
- 9CubeGrid
- WordPress (IOS only)
- FadingCircle
- FadingCircleAlt
- Arc (IOS only)
- ArcAlt (IOS only)
Acknowledgements
IOS 库:SpinKit-ObjC
Android 库:Android-SpinKit
License
(c) 2016 Maxime Mezrahi,MIT 许可证。
react-native-spinkit
[]() []()
A collection of animated loading indicators
React native port of SpinKit.
Preview
Getting started
npm install react-native-spinkit@latest --save
For RN < 0.40 support, use react-native-spinkit@0.1.5
Automatically link the library
react-native link
For RN projects < 0.29 link the library automatically using RNPM
rnpm link react-native-spinkit
Manual linking - IOS
Follow the wiki available here
Manual linking - Android
Follow the wiki available here
Example
Check index.ios.js in the Example folder.
Properties
Prop | Default | Type | Description |
---|---|---|---|
isVisible | true | boolean | Visibility of the spinner |
color | #000000 | string | Color of the spinner |
size | 37 | number | Size of the spinner |
type | Plane | string | Style type of the spinner |
List of available types
- CircleFlip
- Bounce
- Wave
- WanderingCubes
- Pulse
- ChasingDots
- ThreeBounce
- Circle
- 9CubeGrid
- WordPress (IOS only)
- FadingCircle
- FadingCircleAlt
- Arc (IOS only)
- ArcAlt (IOS only)
Acknowledgements
IOS library: SpinKit-ObjC
Android library: Android-SpinKit
License
(c) 2016 Maxime Mezrahi, MIT license.