npm install react-native-fast-shimmer
import { Shimmer, ShimmerProvider } from 'react-native-fast-shimmer';
export default function App() {
return (
<ShimmerProvider duration={1000}>
<View>
<Shimmer style={styles.shimmerMain} />
</View>
<View>
<Shimmer style={styles.shimmerMain} />
</View>
</ShimmerProvider>
);
}
Prop | Type | Default | Description |
---|---|---|---|
style |
ViewStyle or ViewStyle[] |
undefined |
Custom styles for the Shimmer container. |
linearGradients |
string[] |
['transparent', '#FFFFFF30', 'transparent'] |
Array of colors for the linear gradient animation. |
gradientStart |
{ x: number; y: number } |
{ x: 0, y: 0.5 } |
Start coordinates for the linear gradient. |
gradientEnd |
{ x: number; y: number } |
{ x: 1, y: 0.5 } |
End coordinates for the linear gradient. |
See the contributing guide to learn how to contribute to the repository and the development workflow.
MIT
Made with create-react-native-library
react-native-fast-shimmer is an open source project and will always remain free to use. If you think it's cool, please star it 🌟. [Callstack][callstack-readme-with-love] is a group of React and React Native geeks, contact us at hello@callstack.com if you need any help with these or just want to say hi!