react-native-ui-skel-expo

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

1. Install your skel

npm i react-native-ui-skel-expo

1. install expo-linear-gradient (if you already have it, jump this step)

npm i expo-linear-gradient

Usage/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)

Authors

• @chrisdev3001