Preview and Test your App
Last updated
Last updated
There are two ways to test and preview your Thunkable app: Web Preview in your computer's browser or on your mobile device with the Thunkable Live app. These tools aren't designed to check for errors but to allow you to preview your app's design and test its functionality in real time.
You can test and preview your project directly within your browser. This is a great option when designing your app's user interface and building out the app's functionality with blocks.
It is important to note, however, that Web Preview does not support some app features. This is because some app features require functionality only available on a mobile device, such as push notifications, accelerometer, and Bluetooth low energy. For a full list of features that cannot be tested with Web Preview, please see here: Publish as a Web App.
You can also preview any public app, directly from the app's Project Detail Page.
The Thunkable Live app connects the projects in your web browser to your mobile device. It allows you to preview and test your projects directly on your device. Any changes you make in your browser are displayed on your device immediately. You can also take your project on the go and show it off with the Thunkable Live app.
In this tutorial, you’ll learn how to test and troubleshoot your project using the Thunkable Live app on your device.
Links to download Thunkable Live for Android and iOS are available here: https://thunkable.com/mobile
If you don't have an iOS or Android device, you can also set up an emulator on your computer that mimics what you would see on an actual device.
Open your project in your web browser.
Click the Live Test on Device icon.
If you're signed in to Thunkable with Google:
Open the Thunkable Live app on your device.
Sign in with the same Google account.
If you're signed in to Thunkable with email:
Click Enter my code.
Open the Thunkable Live app on your device.
Click Email sign in - Generate test code.
A test code is displayed on your device screen. Enter it into the provided field on your web browser.
Click Connect.
Select the app you want to open from your list of Thunkable projects.
If your app is not working as expected on Thunkable Live, it may be the result of one of the following. Ensure that your project adheres to the following before testing with Thunkable Live again:
Variable names can only contain alphanumeric characters and underscore.
You cannot add a border to an image component containing a .gif asset.
If your app sets a text input's text to upper case, test with a device other than Samsung.
If you have added a navigator to your app, ensure screens are nested underneath it in the component tree. If your screens are not nested, drag and drop to nest them within the navigator.
Ensure your blocks are connected without errors.
Ensure you're logged into the same account on your web browser and the Thunkable Live app.
You may have an event triggered by a Screen. Start block, which may be causing the screen to crash.
Close the app and reopen it.
You may have the image's height or width set to Fit contents. Try changing this and try again.
