Started fixing ReactNative app

ReactNativeClient/lib/components/checkbox.js

@@ -0,0 +1,44 @@
+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 };