Skip to content

Latest commit

 

History

History
50 lines (35 loc) · 1.41 KB

File metadata and controls

50 lines (35 loc) · 1.41 KB

SkiaLike

SkiaLike component can be used to provide a marvellous animation when user click the Like button.

🎬 Preview


SkiaLike
alt tag

Usage


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

const SkiaLikeScreen = () => (
  <View style={styles.container}>
    <SkiaLike />
  </View>
);

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

export default SkiaLikeScreen;

Properties

Props Default Type Description
size 180 number Size of SkiaLike.
onChangeValue () => {} (isLiked: boolean) => void It returns the boolean value, when the event is liked it will return true otherwise false.

🎬 Preview Example


Skia Like