1.2.2 • Published 2 months ago
react-native-ui-skel-expo v1.2.2
react-native-ui-skel-expo
Documentation
A simple React Native component that implements a Skeleton UI. It will performance your react-native app and you will get more fps.
If you are using bare React Native, please use this lib: react-native-ui-skel
- Install your skel
npm i react-native-ui-skel-expo- install expo-linear-gradient (if you already have it, jump this step)
npm i expo-linear-gradientUsage/Examples
import { Skel } from 'react-native-ui-skel-expo'
<View>
<Skel
height={40}
width={300}
styles={{ borderRadius: 4 }}
/>
</View>Props
| Name | Type | Default | Description |
|---|---|---|---|
| height | number | required | Skel height |
| width | number | required | Skel width |
| duration | number | 1000 ms | Duration of the animation |
| styles | object | {} | The style applied to the Skel |
| backgroundColor | string | #EBEFF5 | The color of the Skel background |
| backgroundAnimationColor | array | 'transparent', 'rgba(0,0,0, 0.03)', 'transparent' | The color of the Skel animation (this gives UI touch) |