Redesign Native RedBox

Overview

LogBox handles most errors users see but we still display native RedBoxes in cases where:

• JavaScript has not loaded (e.g. Metro is unavailable)
• JavaScript is unavailable (e.g. a syntax error in the bundle)
• LogBox fails to render (e.g. an error in LogBox JavaScript)
• Native log errors (e.g. RCTLogFatal)

This issue is to improve the fallback RedBox in these cases for a better experience.

Tasks

• Update design to be in line with LogBox (see below)
• Cleanup code by removing the symbolication logic (as this is handled by LogBox)
• Remove stack trace since for all errors that this can occur the stack trace is not relevant

Designs

JavaScript has not loaded (Metro is unavailable)

JavaScript is not available (syntax error)

LogBox fails to render

Native log errors