react-native-lottie-ui

react-native-lottie-ui is a collection of reusable React Native components that utilize Lottie animations, designed to streamline development and enhance the UI/UX of your projects. This package contains components that have been repeatedly useful in various projects, and have now been consolidated into a single, convenient package.

Installation

You can install react-native-lottie-ui via npm or yarn:

npm install react-native-lottie-ui

or

yarn add react-native-lottie-ui

LoadingStatusIndicator

Prop Name	Type	Description	Default
size	number	Height and width of the loader icons.	54px
isLoading	boolean	Indicates if the loading animation should be played.	true
isSuccess	boolean	Indicates if the success animation should be played.	false
isFailed	boolean	Indicates if the failure animation should be played.	false
contentContainerStyle	ViewStyle	Style to apply to the container of the loading indicator.	undefined
loaderColor	LottieColor	Color of the loader in RGB format.	[0, 0, 0]
errorColor	LottieColor	Color to indicate error state in RGB format.	[0, 0, 0]
successColor	LottieColor	Color to indicate success state in RGB format.	[0, 0, 0]

HeartToggle

Prop	Type	Description	Default Value
isActive	boolean	Indicates if the heart animation should be in its active state. Default is false.	false
color	LottieColor	Color of the heart in its default (inactive) state. Should be an array of RGB values.	[147, 147, 147]
activeColor	LottieColor	Color of the heart in its active state. Should be an array of RGB values.	[207, 6, 6]
...	Omit<LottieViewProps, 'ref' | 'loop' | 'source'>	Other props from LottieViewProps, excluding 'ref', 'loop', and 'source'.	-