Show Loader on Page Navigation

Show Loader on Page Navigation (Android/iOS)

Enable Show Loader on Page Navigation

  • Enable this option: When enabled, a loader will be displayed when users navigate between pages within the app, providing visual feedback that the app is loading new content. Untitled design - 2024-05-08T132609.797.png

Advanced Settings

  • Click on "Advanced Settings" to access detailed customization options for the loader. Untitled design - 2024-05-08T132623.948.png

Edit Screen

  • After enabling the option, an edit screen will appear where you can customize the loader to fit your app's design and branding.

Progress Bar

  • Progress Bar: Display a loading bar at the top of the screen. Customize the loader color and background to match your app's theme. Untitled design (7).gif

Circular Loader

  • Circular Loader: Display a loading circle in the middle of the screen. Customize the loader color, background, size (full, large, medium, small), and shape (rectangle, circular) to suit your app's aesthetics. Untitled design (8).gif

Lottie Animations

  • Lottie Animations: Utilize Lottie animations to add engaging and dynamic loading animations. You can choose from a library of pre-built animations or upload your own custom animations. Adjust the size (full, large, medium, small), shape (rectangle, circular), and background color for seamless integration with your app's design. Untitled design (9).gif

Save

  • After making all the desired customizations, click "Save" to apply the changes to your loader configuration. Untitled design - 2024-05-08T124424.445.png

Rebuild Your App

  • Rebuild your app to implement the customized loader on page navigation. Once rebuilt, the changes will be reflected in your app's loading screen. Untitled design - 2024-05-08T124444.367.png