React-native-fb-shimmer NPM

react-native-fb-shimmer

Simple shimmering effect in React Native using native shimmer libraries by Facebook Shimmer/shimmer-android.

The library supports react native's New Architecture

Works for React Native versions >= 0.60

NOTE: Shimmer may only have one child.

import Shimmer from "react-native-fb-shimmer";

<Shimmer>
    <Text>Hello World</Text>
</Shimmer>;

Prop	Description	Default
`animating`	Whether or not to show shimmering effect.	`true`
`duration`	The shimmering animation duration in milliseconds.	`1000`
`pauseDuration`	The time interval between shimmerings in milliseconds.	`400`
`animationOpacity`	The opacity of the content while it is shimmering.	`1`
`shimmeringDirection`	The direction of shimmering animation, valid values are `up`, `down`, `left`, `right`.	`right`
`shimmeringOpacity`	The opacity of the content before it is shimmering.	`0.5`
`highlightLength`	The highlight length of shimmering. Range of 0–1. iOS only	`1`
`beginFadeDuration`	The duration of the fade used when shimmer begins. iOS only	`0`
`endFadeDuration`	The duration of the fade used when shimmer ends. iOS only	`0`
`tilt`	The tilt angle of the highlight, in degrees. Android only	`0`
`intensity`	The intensity of the highlight mask. Range of 0–1. Android only	`0`

MIT

2 years ago

2 years ago

2 years ago