Using Live Preview

The builder allows you to view and modify the layout of your screen live in the browser. When designing and building mobile apps, it's much better to separate layout from aesthetics and look directly at your phone for a sense of how it will actually look.

That's exactly what Live Preview allows you to do. View the screens in live mode on your phone, and they are instantly updated when you make changes from the builder.

How do I get Live Preview set up? Scan the QR code.

  1. Download the Expo Go app to your phone. You can download it for iOS or Android.
  2. Scan the QR code. In the top bar of builder, click Live Preview. In the modal window, you should see a QR code. Open your phone camera (for iOS) or Expo Go app (for Android), and scan the QR code.
  3. That's it! When detected, this QR code will open the project in the Expo Go app and will let you (or anyone you know) live preview the project you're working on. This is a great way to collaborate with friends or coworkers.

Did this page help you?