Completing todo items
The last piece of this application is rendering each todo item and providing the ability to change the status of the todo. Let's take a look at this code:
import React, { Component, PropTypes } from 'react';
import Relay from 'react-relay';
import {
Text,
View,
Switch,
} from 'react-native';
import styles from './styles';
import ChangeTodoStatusMutation from
'./mutations/ChangeTodoStatusMutation';
// How to style the todo text, based on the
// boolean value of the "completed" property.
const completeStyleMap = new Map([
[true, { textDecorationLine: 'line-through' }],
[false, {}],
]);
class Todo extends Component {
static propTypes = {
relay: PropTypes.any.isRequired,
viewer: PropTypes.any.isRequired,
todo: PropTypes.shape({
text: PropTypes.string.isRequired,
complete: PropTypes.bool...