Previewing

Previewing your app functions similarly to the Bubble web app editor, allowing you to instantly see and test changes as you make them. However, keep in mind that some components of the native mobile app editor rely on built-in features of mobile devices, which can vary between iOS and Android. As a result, not all elements may display accurately in the web preview.

There are two ways to preview your app:

Web preview

Differences from web app preview

Web preview works mostly like the preview in the Bubble web app editor, with a few key differences:

  • There's no in the preview when changes have been made to the app

  • There's no debugger or element inspector

  • There's an extended bar for managing how the app will look across different devices (see below)

Device emulator bar

The bar at the top of the screen lets you emulate how the app will look on different devices, screen sizes and with a specific zoom level.

  1. Show device frame: This lets you show or hide the frame of the selected device (i.e. actually showing the frame, buttons, notch/camera/sensors of the device selected in setting 2.

  2. Select device: Provides a list of widely used devices to emulate how the app will look and behave on that specific device.

  3. Screen size (px): The actual screen size of the selected device. Note that this is a locked field and updates according to the device selected in setting 2.

  4. Zoom level: Allows you to zoom in on the emulator to a specific percentage or to fit the screen height. Keep in mind that this zoom affects the entire emulated device, not just the screen.

We recommend testing your app across all devices to ensure it looks great and functions properly everywhere.

BubbleGo

BubbleGo is a native mobile app that allows you to load and interact with your mobile app directly on your device. This essentially mimics the experience of having the app installed on your phone, without the need to publish it in the app store.

Use BubbleGo to get a feel for how your users will actually use your app, and to test out more advanced interactions/flows/and system connections.

BubbleGo is currently only available for iOS. An Android version is in development, but is not yet available.

Accessing BubbleGo

  1. Download the TestFlight app from the Apple App store

  2. Click on this link

  3. Follow the link to download BubbleGo onto the TestFlight app

  4. Log into BubbleGo using your Bubble account credentials

  5. Select the mobile app you would like to test and Go!

Last updated