Pull to refresh

Interaction Design patterns are solutions to commonly faced design problems. Proto.io offers you a number of these patterns, as complex UI components that you can add to your project and customize, saving you a lot of time.

This video explains how to use the "Pull to refresh" pattern. When you scroll downwards, the content is pushed down, reveals an animated GIF and after a delay, it comes back up. It adds a 2-state vertical scrollable container to your canvas that responds to a scroll-down trigger. Once you have it on your canvas, you can double click the container to edit and customize by adding your content. The containers change state with a transition, which you can also customize.

Have more questions? Submit a request