Skip to main content
Version: 4.0.0-rc.3

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.

NameTypeDefaultDescription
LinearGradientComponentReact ComponentCustom Linear Gradient Component
animationnone or pulse or wavepulseType of animation
circlebooleanshow circular variant
heightnumber12Height of Skeleton View
skeletonStyleView StyleCustom style for skeleton gradient
widthnumber100%Width of Skeleton View