mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-15 09:04:04 +02:00
44 lines
948 B
JavaScript
44 lines
948 B
JavaScript
import React, { Component } from 'react';
|
|
import { StyleSheet, TouchableHighlight } from 'react-native';
|
|
import Icon from 'react-native-vector-icons/Ionicons';
|
|
|
|
const styles = StyleSheet.create({
|
|
checkboxIcon: {
|
|
fontSize: 20,
|
|
height: 22,
|
|
marginRight: 10,
|
|
},
|
|
});
|
|
|
|
class Checkbox extends Component {
|
|
|
|
constructor() {
|
|
super();
|
|
this.state = {
|
|
checked: false,
|
|
}
|
|
}
|
|
|
|
componentWillMount() {
|
|
this.state = { checked: this.props.checked };
|
|
}
|
|
|
|
onPress() {
|
|
let newChecked = !this.state.checked;
|
|
this.setState({ checked: newChecked });
|
|
if (this.props.onChange) this.props.onChange(newChecked);
|
|
}
|
|
|
|
render() {
|
|
const iconName = this.state.checked ? 'md-checkbox-outline' : 'md-square-outline';
|
|
|
|
return (
|
|
<TouchableHighlight onPress={() => this.onPress()} style={{justifyContent: 'center', alignItems: 'center'}}>
|
|
<Icon name={iconName} style={styles.checkboxIcon}/>
|
|
</TouchableHighlight>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
export { Checkbox }; |