I'm developing an educational app where the main screen contains buttons for each class, and the other screens contain the content for each class. The problem is that when I press a class button, it takes about 3 seconds for the class screen to appear. Although the code for each screen is not large, the contents of the section contain a lot of Vertical arrangement and Horizontal arrangement And on the buttons of the materials I want a way to speed up screen transitions for a smoother and faster user experience.
Hi dear,
I think the best solution is to use virtual screens.
The app will take a bit longer to load at startup, but you’ll already have all the components rendered, and by using virtual screens, switching from one “page” to another will be instantaneous.
I don't have many screens in total, only 8 screens... I mean, when switching from the main screen to each section's screen, it takes 3 seconds.
The problem isn’t so much the code as the graphical components, if there are many of them, they all need to be rendered before you can actually see the page.
How many components are we talking about? If you can, upload the project to unchive
https://unchive.kodular.io/
and show us the summary section, just so we can understand whether the issue is really caused by too many on-screen elements or something else.
The optimal solution would be to use a RecyclerList, but it really depends on how your app is structured. If I may ask, why are you using so many VA and HA?
And if possible, could you show us what a screen with all those elements looks like?
There are many subjects in each department, and within those subjects, Each substance has 3 elements, and each element has 3 components.
This sample app shows how to reuse a small number of display components to show a long list of mixed data.
1 Like
Since they’re all identical layouts, I think it’s definitely a case for using a RecyclerList with schemas.
It might seem complicated at first, but then it’s all downhill and can make the app really smooth and fast.