Skeleton

A placeholder preview for content before the data gets loaded, an alternative for spinners.

Usage

Import

import { Skeleton } from '@rneui/themed';

Theme Key

Skeleton

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