36 lines
875 B
JavaScript
36 lines
875 B
JavaScript
|
// https://hellokoding.com/todo-app-with-react-native/
|
||
|
|
|
||
|
|
import React, { Component } from 'react';
|
||
|
|
import Icon from 'react-native-vector-icons/MaterialIcons';
|
||
|
|
|
||
|
|
class Checkbox extends Component {
|
||
|
|
constructor(props) {
|
||
|
|
super(props);
|
||
|
|
this.state = {
|
||
|
|
data: this.props.data
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
let iconName = 'check-box'; //this.state.data.completed ? 'check-box' : 'check-box-outline-blank';
|
||
|
|
let color = this.props.color || '#000';
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Icon.Button
|
||
|
|
data={this.state.data}
|
||
|
|
name={iconName}
|
||
|
|
backgroundColor='rgba(0,0,0,0)'
|
||
|
|
color={color}
|
||
|
|
underlayColor='rgba(0,0,0,0)'
|
||
|
|
size={20}
|
||
|
|
iconStyle={{marginLeft: -10, marginRight: 0}}
|
||
|
|
activeOpacity={1}
|
||
|
|
borderRadius={5}
|
||
|
|
onPress={this.props.onCheckboxPressed}
|
||
|
|
>
|
||
|
|
</Icon.Button>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export { Checkbox }
|