splash

Summary

The black hand-off between launch and the first screen.

Raw wireframe

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

Why it is drawn this way

It is drawn because flow.start has to be a real file. The chart ranks every column from the start node; with no declared start every screen ranks zero and the chart draws one column. The app has a real splash — expo-splash-screen in app.config.ts — so there was no need to nominate Home as a stand-in.

Black, not the brand gradient. backgroundColor: "#000000", the darkest stop of the brand stage, so the hand-off to Welcome never flashes a colour the app does not otherwise use. There is no dark block in that config because there is no second theme to hand off to — see one-look.

Two ways out, and both are real links. First run goes to Welcome; a returning player is already past it. The second is the side edge in routes.js, and it is drawn as a quiet line rather than a button because the app makes that choice without asking.

Related

• one-look
• welcome
• setup

Sources

• .context/designs/mobile/states/splash.html
• app.config.ts — expo-splash-screen