Splash Screen Example

Recreates the animated splash screen effect from the WWDC 2023 finalist "Universe - website builder".

Demo Video

universe-website-builder.mp4

Set everything to black in the app.json:
- backgroundColor: '#000'
- splash.backgroundColor: '#000'
- ios.splash.backgroundColor: '#000'
Keep the splash screen open until the video is loaded into memory (note: there's a different video for tablets).
Once loaded, play the video and hide the native splash screen.
After the video finishes, fade everything out to reveal the rest of the app.

Only requires a couple components, works on Android too!

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
assets		assets
.gitignore		.gitignore
App.tsx		App.tsx
README.md		README.md
app.json		app.json
babel.config.js		babel.config.js
package.json		package.json
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock