Skip to main content

​
Browser preview

A live preview of your app appears in the right panel of the editor. It updates automatically as the AI makes changes. The preview shows your app running through a React Native web build. It’s a good approximation, but some elements may look slightly different than on a real device.
The browser preview cannot simulate native device features like camera, biometrics, NFC, Bluetooth, or native date pickers. Use a physical device for testing these features. The browser preview shows a test push notification as a labelled banner instead of a real one, and push notifications don’t arrive in the preview on your phone either: they only arrive in your app once it’s installed on its own.

​
Testing on your phone

For the most accurate experience, test on a physical device:
  1. Install Expo Go on your iOS or Android device
  2. Open the QR code tab in the preview panel
  3. Scan the QR code with your device camera (iOS) or the Expo Go app (Android)
  4. Your app loads on your device with live updates
Your phone and computer need to be on the same network for live preview to work.

​
What works where

​
Preview controls

  • Restart Metro — click the restart button if the preview stops responding
  • Cache reset — ask the AI to “restart the preview with cache reset” for a clean rebuild
  • Error display — runtime errors show with a count badge; click “Fix All Errors” to let the AI diagnose and fix them

​
Preview states