2 Methods to Reduce the Number of Screens in a Thunkable X App (with video)

Tutorials and DIY Guides
, ,
1

Background

New thunkers often ask how to duplicate screens or how to copy blocks to another screen. It is often the case that you do not need to do this, and you should instead reuse what you have already created.

I have identified two scenarios where this concept of reusability can help your app use less code and be more dynamic.

Scenarios

Scenario 1 - You want to display the same type of content at different times.

The steps to do this dynamically are as follows:

  1. Create the content container in the app design.
  2. Store the dynamic content in a variable or database.
  3. Set the conditions to show the different content.
  4. Display the content to the user when needed.

Scenario 2 - You want to use the same blocks or features at different times.

The steps to do this dynamically are as follows:

  1. Add all the components or features on the screen.
  2. Create a variable to define when to show each feature.
  3. Define the conditions to update the variable.
  4. Add logic to display the feature based on the variable.

Demonstration / Tutorial

Check out this video, if you want to see how I used both of these methods in my app TipTrainer.

Happy Coding! :crazy_face:

3 Likes
2

Hello!

I working for an app with this built. One question, this built working for the new thunkable plataform?

This question is because i did not succeed. Maybe is because in the video can see (or missing) the other part of the variables:

image
image803Ă—398 69 KB

i try to put “true”, “null” but nor works.

Thank you!

3

All we know from your post is that you watched the video above and you created a variable. What are you trying to make? What do you expect to happen? What actually does happen when you preview the project?

You should probably provide a link to your project and explain which screen these blocks are on. Because there’s a lot we can’t see in that screenshot.

2 Likes