🏷️

Action: Pull to refresh

What does it do?

Refreshes the screen with a pull-down gesture. Used for screens connected to external data.

image
πŸ’‘

This feature is useful for any external data that changes often (i.e. real-time stats, attendance list, collective entries, etc.)

The Tag

[refresh:pull]

Which layer can I put it on?

A top-level app page

How do I set it up in the design tool?

  1. Create an app page design. Make sure you add container(s) as needed.
  2. image
  3. Paste the tag into the layer name of the top-level app page.
  4. image
  5. Import Figma file to Bravo.
  6. Set up your binding as usual. You can use the example request below to get sample data.
  7. image
  8. Preview on Bravo Vision. πŸš€

πŸ’Ύ Resources

πŸ‘‰ Sample Figma file

πŸ‘‰ Data Sample

Use this request URL to get sample data for the example app above.

This API updates the stock price every minute, so wait at least a minute between each pull to refresh to see the price change.

https://finnhub.io/api/v1/quote?symbol=TSLA&token=brhpek7rh5re1lpb2gl0