Skip to content

callstack/react-native-fast-shimmer

Repository files navigation

Getting Started

npm install react-native-fast-shimmer

Usage

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>
  );
}

Props

Shimmer Component

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.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT


Made with create-react-native-library

Made with ❤️ at Callstack

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!

About

No description, website, or topics provided.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •