ErrorMessage and ErrorScreen

ErrorMessage

A generic error message component. Useful for displaying in part of a screen. i.e you might also want to display a header bar above the message as a means of navigation.

<ErrorMessage
  heading="An error occoured"
  body="Something went wrong, please try again later"
  onPress={() => console.log('try again')}
  onLogOut={() => console.log('log out')}
/>

Props

ErrorScreen

Just like ErrorMessage, but wrapped in a Screen. Useful when the screen hasn't loaded, or you want to show the message by itself.

export const ErrorScreen = props => (
  <Screen>
    <View style={{ flex: 1, justifyContent: "center" }}>
      <ErrorMessage {...props} />
    </View>
  </Screen>
);

Props