QA

Quick Answer: Can’t Load Pixel Art Thunkable

Why is Thunkable not loading?

Try these in order (#1 usually fixes it for me): Hard refresh the browser tab: hold down the shift key and click the reload arrow symbol to reload the web page. Clear your browser cache (be sure to set it to All Time). Contact Support by clicking on the blue chat icon at the bottom-right of the Thunkable website.

How do I change my default screen in Thunkable?

Click on the menu and then choose the “Add to Home screen” option. Next you must choose whether to place the app manually or automatically. If you exit out of your browser you will see that a new icon has been added to your home screen. You app has the same name and same icon as your Thunkable project.

What is status bar in Thunkable?

What is the status bar? The status bar in Android is that bar at the top of the screen which shows you all your notification icons and status icons such as your Wi-Fi status, battery status, and the current time.

Where can you find the row component in Thunkable?

To find a component, you can manually scroll through the components section on the Thunkable app builder. You can also expand and collapse categories depending on your needs. The quickest way to find a component is by searching for it in the search bar.

How do you add a drawer navigator on Thunkable?

Adding Navigators To add a navigator to your app, you will need to drag the navigator component into your component tree, and then drag a screen on top of the navigator component. ​ To name your drawers, click on each screen and navigate to the Drawer label on the bottom right corner of the properties section.

How do I change my Thunkable icon?

You will find it in the panel on the left hand side of the screen. Once this icon is clicked, you will see an App Settings menu. Click the Upload Icon Button: Select an image to upload to your app project.

What can you make with Thunkable?

In no particular order, here are some of the coolest apps built on Thunkable by app creators around the world. ① Veggie Alternatives [UK] ② Tip Trainer [USA] ③ Today’s weather, compared to yesterday’s [USA] ④ Doughnut Shop [Mexico] ⑤ DeambUL [Canada] ⑧ 4Hire [USA] ⑨ eCodal+ [Phillipines] ⑩ Expeno [Ukraine].

How do I add more components in Thunkable?

The component tree can be found at the top left corner of your screen, just below your project name. The component tree contains a list of the visible components in your app. Components that are nested can also be expanded and collapsed by clicking on the ▾ icon.

How do you move components in Thunkable?

You can drag and drop your component into position, and set its size. To add components to a Group, simply drag and drop the components inside the Group. You will see the components you added to the Group are now nestled inside the Group in the component tree.

How do you rotate a button in Thunkable?

In the Advanced tab of the component, look for Transform and enter the wanted degree. You will see the effect when viewing using the Thunkable live App.

What does stack Navigator do?

Stack Navigator provides a way for your app to transition between screens where each new screen is placed on top of a stack. By default the stack navigator is configured to have the familiar iOS and Android look & feel: new screens slide in from the right on iOS, use OS default animation on Android.

What is photo library in Thunkable?

Photo Library. Allows the user to select a photo to upload from their device to the app.

What is a drawer Navigator?

(createDrawerNavigator) React Native Drawer Navigation is an UI panel which displays the app’s navigation menu. By default it is hidden when not in use, but it appears when user swipes a finger from the edge of the screen or when user touches at the top of drawer icon added at app bar.

How do you put a video on Thunkable?

There are a few ways you can set a video source in your app: Upload a video to your app. Be careful of the Thunkable 50 MB app size limit​ Provide a link to the video. The link has to end in . mp4 , . mov , …so videos uploaded to YouTube and other video sharing sites may not work.

What is a desktop app web viewer?

In regards to the Desktop App Web Viewer, this is the process that allows the App for outlook and many other apps in outlook to open and run.

How do I use the Web Viewer in MIT App Inventor?

App Inventor has a component called WebViewer. We can load a webpage/website into an app using WebViewer component. To do that, we can just drag the WebViewer component to Screen1 window and set the HomeUrl property of the WebViewer to the webpage we want to view when the app boots up.

How do I change my Thunkable app name?

How to rename a project Go to your projects page and locate the project you want to rename. Click on the pencil icon after the name of your project. Type the new name for your project. Hit the enter button on your keyboard to apply this new change.

How do you change the name of a picture on an app?

Press and hold the app icon until a popup appears. Select “Edit”. The following popup window shows you the app icon as well as the application’s name (which you can also change here). To choose a different icon, tap on the app icon.

How do I edit an image in Thunkable?

Read this please: Image Resizer (percentage or height and width pixels) Add a Frame (choose a color and a width) Add a Copyright text (custom text, size, position and color) Change image quality. Add a shadow. ClipCorners (or round corners) Screenshot_20170121-211202.png720×1280 52.2 KB.

How do you increase the size of a Thunkable button?

Just to be clear you can dynamically resize the text size by setting the FontSize property of the button using the ‘from Button set FontSize to’ block.

How do you make a square button on Thunkable?

You can make them square by setting the border radius property to 0. It may not display properly in the preview, but will on a device. You can make it display properly on the preview by setting each of the border properties.

What is list viewer in Thunkable?

Property. Description. Show Arrow. Default ( true ); If true, shows an arrow with each list item. Background Color.