Skip to main content
Version: Bleeding Edge 🚧

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 | pulse | wavepulseType of animation
circlebooleanshow circular variant
heightnumber12Height of Skeleton View
skeletonStyleView StyleCustom style for skeleton gradient
widthnumber100%Width of Skeleton View