@ocean28799/react-native-lottie-button
v1.0.2
Published
Animated when press button using lottie
Downloads
16
Maintainers
Readme
react-native-scrollable-tabview
Add it to your project
Install
First, you must need to install lottie-react-native: (https://github.com/lottie-react-native/lottie-react-native)
Then, run npm install @ocean28799/react-native-lottie-button --save
OR yarn add @ocean28799/react-native-lottie-button
Import
import LottieButton from '@ocean28799/react-native-lottie-button';
Demo
| |
Basic usage
import React from "react";
import LottieButton from "@ocean28799/react-native-lottie-button";
export default function Demo() {
const [status, setStatus] = useState(false);
return (
<LottieButton
width={48}
status={status}
onPress={() => {
console.log("Doing sth when press button");
setStatus(!status);
}}
// source = {require("./lottiefile.json")}
/>
);
}
Props
source
(JSON FILE) - (require) - source of lottie file, you can get on: (https://lottiefiles.com/). Default is heart animation.width
(Number) - size of lottie file, default to 48status
(Boolean) - status of the animation, if it's true -> animation is finishedcontainerStyle
(Object) - Additional styles to the container of button.onPress
(Function) - function when on press button...props
(Props) - another props valid to TouchableOpacity of React Native