react-native-sonwan-test
v1.0.1
Published
A liteweight checkbox component for react native. It works on Android, iOS and Expo web.
Downloads
19
Maintainers
Readme
:white_check_mark: react-native-checkbox-lite
A liteweight checkbox component for react native. It works on Android, iOS and Expo web. No dependency installation required.
:blue_book: Installation:
Install the component through npm using:
npm i react-native-checkbox-lite
:microscope: 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',
},
});
:coffee: 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
:wrench: Issues
Issues are welcome. Please create a new issue under the issues tab.
MIT Licensed