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 48 -
status
(Boolean) - status of the animation, if it's true -> animation is finished -
containerStyle
(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