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 or pulse or 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