<div id="readability-page-1" class="page"><div><p>In UINavigationController, there is a property called <code>hidesBarsOnSwipe</code> which hides its bars when scrolling or swipe down.</p><div><p><code><table><tbody><tr><td><pre>1
</pre></td><td><pre><span>navigationController</span><span>?</span><span>.</span><span>hidesBarsOnSwipe</span> <span>=</span> <span>true</span>
</pre></td></tr></tbody></table></code></p></div><p>We also need to set the view’s top anchor to superview’s top anchor. For example, there is a collection view inside a view controller. The collection view’s top anchor is related to Superview’s top anchor. If we don’t set it, we can’t show the navigation bar when scrolling or swipe up.</p><p><img src="https://imjhk03.github.io/posts/hide-navigation-bar-when-swipe/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="/assets/img/2021/04/16/image1.png" alt="Collection view's top anchor is related to superview's top anchor."></p><p><img src="https://imjhk03.github.io/posts/hide-navigation-bar-when-swipe/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="/assets/img/2021/04/16/image2.gif" alt="Animated image that shows navigation bar is hidden when scrolled."></p><p>Reference:<br> <a href="https://developer.apple.com/documentation/uikit/uinavigationcontroller/1621883-hidesbarsonswipe">Apple Developer Documentation</a></p></div><div><p> This post is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> by the author.</p></div></div>

How to hide navigation bar when scrolling

댓글