/**
 * Error Screen
 *
    <Error text={'Server is down'} />
 *
 * React Native Starter App
 * https://github.com/mcnamee/react-native-starter-app
 */
import React, { PropTypes } from 'react';
import { View } from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';

// Consts and Libs
import { AppStyles } from '@theme/';

// Components
import { Spacer, Text } from '@ui/';

/* Component ==================================================================== */
const Error = ({ text }) => (
  <View style={[AppStyles.container, AppStyles.containerCentered]}>
    <Icon name={'ios-alert-outline'} size={50} color={'#CCC'} />

    <Spacer size={10} />

    <Text>{text}</Text>
  </View>
);

Error.propTypes = { text: PropTypes.string };
Error.defaultProps = { text: 'Woops, Something went wrong.' };
Error.componentName = 'Error';

/* Export Component ==================================================================== */
export default Error;

@@ -371,16 +371,24 @@
 er, Text
+, Button
  %7D from 
@@ -502,16 +502,26 @@
  (%7B text
+, tryAgain
  %7D) =%3E (
@@ -704,16 +704,185 @@
 %7D%3C/Text%3E
+%0A%0A    %3CSpacer size=%7B20%7D /%3E%0A%0A    %7B!!tryAgain &&%0A      %3CButton%0A        small%0A        outlined%0A        title=%7B'Try again'%7D%0A        onPress=%7B() =%3E tryAgain()%7D%0A      /%3E%0A    %7D
 %0A  %3C/Vie
@@ -930,16 +930,42 @@
 s.string
+, tryAgain: PropTypes.func
  %7D;%0AErro
@@ -1169,8 +1169,9 @@
  Error;%0A
+%0A

Add try again button to error screen