Wireless Charger

WirelessCharger component can be used to provide a sensational animation when user charge their phone wirelessly.

🎬 Preview

---

WirelessCharger

Default Usage

---

import React from 'react';
import { StyleSheet, View } from 'react-native';
import { WirelessCharger } from 'react-native-skia-catalog';

const WirelessChargerScreen = () => (
  <View style={styles.container}>
    <WirelessCharger />
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

export default WirelessChargerScreen;

Custom Usage

---

import React from 'react';
import { StyleSheet, View } from 'react-native';
import { WirelessCharger } from 'react-native-skia-catalog';

const WirelessCharger = () => (
  <View style={styles.container}>
    <WirelessCharger
      size={350}
      outerCircleColor={'#513788'}
      wifiWaveColor={'#D979CA'}
      thunderColor={'#ffe767'}
    />
  </View>
);

const styles = StyleSheet.create({
  container: {
    justifyContent: 'center',
    alignItems: 'center',
    flex: 1,
  },
});

export default WirelessCharger;

🎬 Custom Usage Preview

---

Properties

Props	Default	Type	Description
size	350	number	Size of WirelessCharger
outerCircleColor	#513788	string	Color of Outer small-circles
wifiWaveColor	#D979CA	string	Color of the wifi-waves
thunderColor	#ffe767	string	Color of the thunder-sign

🎬 Preview Example

---

Wireless Charger