Open Source Component For Creating Auto-Scrolling Navigation Bars With Many Nice Features

  •  
  •  
  •  
  •  
  •  

Late last year I mentioned a component allowing you to create navigation bars that scroll up and down as the user scrolls to maximize screen space as in many apps such as Facebook and Instagram.

Here’s a submission from Mazyad Alabduljaleel for an interesting custom navigation bar implementation that allows you to automatically create scroll out nav bars called TLYShyNavBar that adds a number of nice features not seen in previous components.

TLYShyNavBar works well with pushViewController, an optional extension view so you can scroll out multi-level nav bars, resistance so you can tweak how the navigation bars scroll out and more.

Here’s an animation from the readme showing TLYNavBar running in the Telly app:
TLYShyNavBar

You can find TLYShyNavBar on Github here.

A great component for creating slide-out on scroll navigation bars.


  •  
  •  
  •  
  •  
  •