React Native Round Checkbox

Pure js, lightweight checkbox styled as in iOS. Depends on react-native-vector-icons

install

npm i --save @dayladau/rn-round-checkbox

Usage

import RoundCheckbox from 'rn-round-checkbox';

<RoundCheckbox
  size={24}
  checked={this.state.isSelected}
  onValueChange={(newValue) => {console.log(newValue)}}
/>

Props

| Property | Type | Default | Description | | --------------- | --------- | ------------- | --------------------------------------------- | | icon | string | ios-checkmark | name of icon (from Ionicons) in the checkbox | | backgroundColor | string | '#007AFF' | background color when checked | | size | number | 24 | icon size | | iconColor | string | 'white' | icon color | | borderColor | string | 'grey' | border color | | checked | boolean | false | checked | | onValueChange | function | | function called on change with new value | | style | object | {} | overwrite styles that are passed to the parent|

License: MIT