React-Native Custom Checkbox

A custom checkbox component for React Native that supports setting a custom image or component as the checkbox new.

props

• onValueChange:onValueChange callback that updates the value prop in order for the component to reflect user actions
• width:The width property sets the width of an element.
• height:The height property sets the height of an element.
• label: text that will be displayed along the checkbox
• disabled:checkbox input active/inactive state
• icon:custom check box icon
• IconWidth: set Icon width
• IconHeight: set Icon height
• borderWidth: set checkbox border width
• borderRadius:radius of checkbox border - fontSize: set label size paddingLeft:
• distance with check to label
• tintColor:Chnage color of icon
• backgroundColor: Chnage background color of checkbox

Authors

• @ajootec

Color Reference

| Color | Hex | | ----------------- | ------------------------------------------------------------------ | | Black Color | #0a192f | | Green Color | #00b48a |

Instalation

Install the package via npm:

  npm install react-native-checkbox-custom-new --save

Features

• Fullscreen mode
• Cross platform
• Easy to use
• Easy manage the ui like box/ circle

Usage/Examples

import CustomCheckBox from 'react-native-checkbox-custom-new'; 

function App() {
  return <CustomCheckBox 
  onValueChange={checked} 
  width={25} height={25} 
  label={'Apple'} 
  disabled={false} 
  icon={Right_PNG} 
  IconWidth={15} 
  IconHeight={15} 
  borderWidth={1} 
  borderRadius={2} 
  fontSize={14} 
  paddingLeft={10} 
  tintColor={'#FFFFFF'} 
  backgroundColor={'#0070E0'} />
}

Tech Stack

Client: React, React-Native, Vue js

🚀 About Me

I'm a React and React-Native developer...