A customizable and animated built-in check state integration for React Native.
Install & Import:
# Yarn
$ yarn add react-native-checkbox-card
# NPM
$ npm i react-native-checkbox-card –save
import RNCheckboxCard from “react-native-checkbox-card”;
Basic Usage:
<RNCheckboxCard text="reactscript" onPress={(checked: boolean) => console.log("Checked: ", checked)} />
Default props:
text: string; width?: number; height?: number; quantity?: string; darkMode?: boolean; isChecked?: boolean; circleSize?: number; ImageComponent?: any; borderRadius?: number; backgroundColor?: string; checkedTextColor?: string; circleBorderColor?: string; circleBorderRadius?: number; uncheckedTextColor?: string; enableQuantityText?: boolean; circleBackgroundColor?: string; checkImageSource?: ISource; sortIconImageSource?: ISource; textStyle?: any; quantityTextStyle?: any; rightIconComponent?: React.ReactElement; checkIconComponent?: React.ReactElement; onPress: (checked: boolean) => void;
Preview:
Download Details:
Author: WrathChaos
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/WrathChaos/react-native-checkbox-card
License: MIT