Problems with custom app themes

[Alex_Neo (Alexandre)]

hi guys, I’m developing an application that can have two themes according to the user’s preference.

I managed to create and used tinyDB to store the colors and which theme is currently selected.

THE PROBLEM I found and would like your help was that when changing screens the following happens:

The default theme is the light theme. If you change to the dark theme in the settings, then after changing the screen for a few seconds the app displays the light theme and then changes to the dark theme. I wish those seconds of delay did not occur. Does anyone know what to do?

.Aia is availabletheme_copia.aia (643.6 KB)

sorry for my bad english

[Vaibhav]

Instead of posting the aia, it would be better if you post the related blocks and a screen-recording of the effect you are getting while changing the themes…

[Alex_Neo (Alexandre)]

here is the screen recording. Note that for a few seconds the theme remains as if it were the light theme, even if the dark theme was chosen.

I don’t know if it’s tinyDB’s loading speed or something

[Chocoduba_BR (Gabriel Andrade)]

I checked you aia and i notice that you have 5 screens, you can transform this in one screen using arrangements, this will drop the time when you click on a option on botton navigation.

General Tips and Tricks for App Inventor/Kodular

Use different screens wisely Before starting to create another screen, first you should think about is it really necessary? See also Building apps with many screens and SteveJG’s post about advantages/disadvantages, because in only one screen you also can use vertical arrangements to simulate different screens, just set the arrangements to visible = true/false as needed… If you decided to use different screens, then you should switch them correctly, else you will run out of memory after a wh…

+You are using a old version of Dynamic Components

[cje9604]

@Chocoduba_BR

transform this in one screen using arrangements

I used that method in one of my apps.

[Vaibhav]

Is this proper? @Alex_Neo

Though there are some bugs which can be solved later

[Rogerio_Rios (Professional Support)]

@Alex_Neo

few seconds the theme remains as if it were the light theme, even if the dark

Just a suggestion: I understand that you want to have this feature in your app.

But, I think you should create a modern UI and focus on the functionality of your app.

Make it work well, without bugs and with a modern UI.

And after that, if you have time, in a new version of the app, create this feature of light or dark mode.

[Alex_Neo (Alexandre)]

I created another app with this technique of many screens in just one screen. I didn’t do this the same because I thought that many features could slow the app down. I will follow these tips, and I read the content, thanks.

When you talk about the old version of dynamic components, what do you mean?

[Alex_Neo (Alexandre)]

ok, i will follow your suggestion, thanks

[Alex_Neo (Alexandre)]

That would be the result I wanted. Did you create with screen layouts and hide with conditional blocks?

When changing from screen to another that would be a quiz, this problem occurred, but here it is not so important.

[Chocoduba_BR (Gabriel Andrade)]

@Alex_Neo

I thought that many features could slow the app down.

Maybe if you use the Async Procedures to not oveload the phone.

Async Procedures | Extension | Free

Async Proc Async Proc is an Extension which you can use to run a Procedure asynchronously. You no longer have to wait for a loop to finish and don’t worry about your app Crashing due to Android System thinking that your app crashed while doing intense processes. BLOCKS: EVENTS : [Capture] FUNCTIONS : [Capture] HOW TO USE? Call a Procedure From Anywhere On You app using this block [Capture] Call a Procedure After a Certain Time Using this Block [Capture] Delay Should be in ms. Call A Pr…

@Alex_Neo

When you talk about the old version of dynamic components, what do you mean?

Your Dynamic Components version: 2.0
Current Dynamic Components version: 2.2.1

[F/OS] - Dynamic Components Extension (for every component) 2.2.2

Dynamic Components Extension that supports every component in your AI2 distribution, instead of having pre-defined components. I thought about making a full method to create all dynamic components without creating different blocks for every component because it would be useless. So I was trying to find a proper solution for a long time. And here it is! The minimum required API version for this extension is 1 . It basically uses Java’s Reflection feature, so this allows you to create…

[Alex_Neo (Alexandre)]

thanks my friend, you’re amazing