Loading page

The app page will display in place of the default Bravo loading screen.

The screen with this tag replaces the default Bravo loading screen with a custom design app page.

📍 Where to add the tag: A top-level app page

[state:loading]

🏷️ How to add the tag

1. Create a standalone loading screen design.

Pro tip: use the Lottie component to easily add a Lottie animation in your intro.

2. Add a container around the design.

3. Paste the tag into the layer name of the top-level app page.

4.Import the design file into Bravo.

5. Set up your binding as usual.

6. Preview the custom loading screen on Bravo Vision. 🚀

Tip: If you want to show the loading animation on top of the screen that is being loaded, add a transparent background to the screen with the [state:loading] tag.

💾 Example files

Duplicate the files below to see how to set it up!

https://www.figma.com/community/file/973892292868502990www.figma.com

Not found

9MB

Bravo Sample - Custom Loading.xd.zip

archive

Open

Custom Loading.xd