react-native-round-checkbox

Getting started

$ npm install react-native-round-checkbox --save

Mostly automatic installation

$ react-native link react-native-round-checkbox

Usage

    import React, { useState } from "react";
    import { View } from "react-native";
    import RoundCheckbox from 'react-native-round-checkbox';

    const [isChecked, setIsChecked] = useState(false)

    <View style={{ flex: 1 }}>
        <RoundCheckbox
            size={16}
            borderColor={'white'}
            backgroundColor={"black"}
            iconColor={'white'}
            checked={isChecked}
            onValueChange={checked => setIsChecked(checked)}
        />
    </View>

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|