splash

Summary

The launch screen, before Home renders.

Raw wireframe

• .context/designs/mobile/states/splash.html

Why it is drawn this way

It is expo-splash-screen, not a route. Configured in app.config.ts and torn down when the root layout mounts. It is in the set because it is the first thing a player sees and the one screen whose colours are decided outside the component tree.

It follows the theme. backgroundColor: "#ffffff" with dark.backgroundColor: "#071028", matching the app shell so the hand-off to Home never flashes the wrong colour. The dark block repeats image, imageWidth and resizeMode — it replaces the light block, it does not inherit from it.

The artwork is splash-icon.png at width 200, contain. Not the app icon and not a letter: the masks are the brand, and drawing a substitute here makes the wireframe a worse reference than no wireframe.

Related

• home
• reserved-gold

Sources

• .context/designs/mobile/states/splash.html