Expo Skia example

Use expo-router with @shopify/react-native-skia to build beautiful, high-performance graphics applications across web and native.

Launch your own

🚀 How to use

npx create-expo-app -e with-skia

• Load Skia components with React.lazy to ensure they aren't loaded on the server.
• Using a custom suspensy component in components/async-skia.tsx to suspend the UI on web until the Skia WASM is fetched and loaded. This ensures errors and pending states are handled in React.
• A postinstall script copies the canvaskit.wasm file to the public folder for web support. This must be hosted to work on web, use eas deploy to push to production.

Deploy

Deploy on all platforms with Expo Application Services (EAS).

• Deploy the website: npx eas-cli deploy — Learn more
• Deploy on iOS and Android using: npx eas-cli build — Learn more

📝 Notes

• Expo Router: Docs
• React Native Skia: Docs