npm.io
1.0.1 • Published 5 years ago

react-native-sonwan-test

Licence
MIT
Version
1.0.1
Deps
0
Size
139 kB
Vulns
0
Weekly
0
Stars
1

react-native-checkbox-lite

A liteweight checkbox component for react native. It works on Android, iOS and Expo web. No dependency installation required.

Installation:

Install the component through npm using:

npm i react-native-checkbox-lite

Example:

import React from 'react';
import { StyleSheet, View } from 'react-native';

import CheckBox from 'react-native-checkbox-lite';

export default function App() {

  const [isChecked, setIsChecked] = React.useState(true);

  function toogleCheckBox() {
    setIsChecked(!isChecked);
  }

  return (
    <View style={styles.container}>
      <CheckBox text={'CheckBox Text'} isChecked={isChecked} onPress={toogleCheckBox} checkBoxColor={'#2980b9'} />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

API

Props Type Optional Default Description
style StyleSheet style true Style object of checkbox container
checkBoxSize int true 24 Pixel size of checkbox image
checkBoxColor string true #000 Hex color code of checkbox image
isChecked bool true false Checkbox checked state
onPress function true Callback function when pressed
text string true Checkbox Text Text that will be displayed along the checkbox
textStyle StyleSheet style true Style object of the text

Issues

Issues are welcome. Please create a new issue under the issues tab.

MIT Licensed

Keywords