Nihilist Postmodern Mistake

    react-native-snow-bg

    1.0.0 • Public • Published

    react-native-snow-bg

    React Native animated snow background theme. Snowlakes have randomized style - look, opacity, size and position and custom animation - fall, rotation and "shake" movement from left to right.

    It can be used for ios and android as nice winter theme addition!

    Usage

    Install module:

    npm install --save react-native-snow-bg
    

    or

    yarn add react-native-snow-bg
    

    Add it to any View in you app:

    import Snow from 'react-native-snowflakes';
    
    export default function App() {
      return (
        <View>
          ...
          <Snow fullScreen snowflakesCount={100} fallSpeed="medium" />
        </View>
      );
    }

    Snow props

    Props Type Description Default
    snowflakesCount Integer How many snowflakes to render. 100
    fallSpeed slow , medium, fast How fast snowflakes will fall. medium
    fullScreen Boolean If true component will always take screen width and height. If false it will take 100% parent width and height. Usefult if you want snow background to fill jsut a part of your screen. false

    React Native Epicode Academy

    This package is a part of React Native Epicode Academy YouTube series.

    Install

    npm i react-native-snow-bg

    DownloadsWeekly Downloads

    3

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    8.11 kB

    Total Files

    5

    Last publish

    Collaborators

    • msadura