We’re so excited for the beta 10 release of Ionic 2! The Ionic team has been focused on bug fixes, in preparation for our release candidate. In addition to bug fixes, we’ve improved the page structure and added a new feature!
Ionic 2 Page Structure Example
We’ve made some big changes to the page structure that we think you’ll love! The ion-content component will now take up the full height of your viewport. The content will automagically account for headers, footers, and tabs. By default, the content won’t scroll behind headers and footers, but by adding the fullscreen attribute to the ion-content, it will. At first glance, the fullscreen option may not look any different than the default, but by adding transparency to the header, the content can be seen under the header as the user scrolls.
This means it’s now possible to hide the navigation bar in a tab! Your application can take advantage of translucent and shrinking navigation bars or transparent navigation bars that expose the content background—the possibilities are endless!