This component can show animated svg skeleton loader as a content placeholder.
- react-native-svg
npm i --save react-native-svg
npm i @fidisys/skeleton-loader --save
import SkeletonLoader from '@fidisys/skeleton-loader'
<SkeletonLoader
loading={this.state.isLoading}
aspectRatio={0.75}>
<Text>Card Content</Text>
</SkeletonLoader>
Prop | Type | Default | Description |
---|---|---|---|
loading | boolean | false | boolean value to show/hide skeleton loader |
aspectRatio | number | 0.75 | React native View aspect ratio for scaling Svg |
MIT