Spaces is a community where you can showcase your interactive prototypes Sign up

Reproducing instagram info bars behaviour 5,242

A basic example of reproducing Instagram info bars behaviour.
A list header floats over the list's items and remains visible at the edge of the screen until it is replaced by the next list header

Akis Ioannou
@akisioannou
Share 291 11
Published in Navigation, Content

Comments (9)

You must be signed in to join the conversation.
Akis Ioannou @akisioannou · Sep 12, 2017
@gretchenatwood Hi Gretchen, please contact us at support@proto.io to assist you with this
Gretchen Atwood @gretchenatwood · Sep 12, 2017
I tried to import this project so I could get some help on implementing sticky headers. I archived some projects to do so but then I got two dialog boxes over the project when I tried to open it. One was about positive scroll values and the other about upgrades UI libraries. When I dismissed the two dialogs the project remained grayed out and inactive. ?? How can I activate it? I tried using the iOS weather app tutorial for this but even when I copied the interactions almost exactly (except positioning) it wouldn't work. The demo was using "on drag " properties but it seems those are no longer available. I used "swipe up" instead...should I be using something else?
Akis Ioannou @akisioannou · Sep 15, 2016
@jmorano Hi Jesse, please email me at support@proto.io with your project so that I can have a look for you. Thanks
JM
Jesse Morano @jmorano · Sep 15, 2016
Why does it break (the stickiness fails) when I change the background color of the list separators (and the hidden ones)??
Akis Ioannou @akisioannou · Feb 26, 2015
@MikkoMilz the interactions should have been copied.. Please send an email at support@proto.io with your account url so that we can investigate this further. Thanks

More by Akis View all

Staff picks