Skeleton
A placeholder preview for content before the data gets loaded, an alternative for spinners.
Import
import { Skeleton } from "@rneui/themed";
Usage
Variants
The component supports 2 shape variants, i.e. circle, rectangle.
Loading...
Animations
By default, the skeleton pulsates, but you can change the animation to a wave or disable it entirely.
Loading...
Props
note
Includes all View props.
| Name | Type | Default | Description |
|---|---|---|---|
LinearGradientComponent | React Component | Custom Linear Gradient Component | |
animation | none | pulse | wave | pulse | Type of animation |
circle | boolean | show circular variant | |
height | number | 12 | Height of Skeleton View |
skeletonStyle | View Style | Custom style for skeleton gradient | |
width | number | 100% | Width of Skeleton View |