-
Create a Floating Group to serve as your loading screen. Ensure it appears before displaying any content requiring loading.
-
Within the Floating Group, implement a progress bar.
-
Assign URL parameters to each page and utilize “Go to Page” actions to switch between them.
-
Develop Conditional Workflows( RUNNING “JUST ONCE”) as follows: When URL parameter page is “profile” for example, initiate a 3 second pause, then navigate to the next page with URL parameter page “main” for example, create this conditional workflow for every “page”(group) in your application that needs loading. (This way while you can see loading screen, parameters change so groups load behind the loading screen)
-
In the conditions of the progress bar within the floating group, set its progress to 10%(example) when the URL parameter is “profile,” 20% when it’s “main,” and so forth for each of the pages, or alternatively, set custom percentages. (Progress bar is optional but its good for users to see the progress of loading).
-
In the final Conditional Workflow, which includes a 3-second pause before transitioning to the last page(group), ensure that it navigates to the page(group) you want visible (set URL parameters of first group) and then set a custom state, such as “loaded,” to “yes.”
-
Configure the visibility settings of the Loading Floating Group such that it is not visible when the “loaded” state is set to “yes.” (So loading screen will be hidden when all pages are loaded)
I find this solution great if you have videos or images in your app that sometimes load slow when user uses app first time.
If you have any further questions or need clarification, please don’t hesitate to ask. You can test the implementation in my app through the following link: Flasker App