react-native-animated-weather-icons

Animated SVG Weather Icons for React Native

Requirements

• react-native-svg

Installation

yarn add react-native-weather-icons

or

npm i react-native-animated-weather-icons

Usage

import AnimatedWeatherIcon from 'react-native-animated-weather-icons';

Props

Property	Type	Default	Description
weatherName	string	'weather-sunny'	Specifies icon to show

Example

const App: () => Node = () => {
  return (
    <View>
      <AnimatedWeatherIcon 
        weatherName="weather-sunny"
      />
    </View>
  )
}

Credit

Forked from react-native-animated-weather-icons by stan-sack

Changes since forking:

• Created a single component to use rather than having to import each different component in. Now the name can be passed into said singular component.
• Fixed an issue with snow icon not working due to path errors.
• Some other react-native issues that were causing errors.

Possible future changes:

• Specifying styles and colors
• Allowing options for animation looping, pausing, etc.