Hide Navigation Bar for Ionic 5+

With this module you can:
- implement an expansible header that stretches when pulling the page down
- auto-hide the page header when scrolling down

[![NPM version][npm-image]][npm-url]

$3


Check out the example

#### Note:
_Both should not be used together on the same page, either you want to make room for reading content or you want to add an expansible header, not both together :)_

_This plugin is also made as generic as possible, making it maybe a bit harder to setup but giving the user much more freedom to design what he wants._

Installation

``
npm i @almothafar/ionic-hidenav
`

Implementation

Create (or modify if you already have) a shared.module.ts in your project root folder:

`typescript
import { NgModule } from '@angular/core';
import { HidenavModule } from '@almothafar/ionic-hidenav';

@NgModule({
imports: [HidenavModule],
exports: [HidenavModule]
})
export class SharedModule { }
`
and import the SharedModule on every page you intend to use this plugin:

`typescript
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { HomePage } from './home.page';
import { SharedModule } from '../shared.module';

const routes: Routes = [
{
path: '',
component: HomePage
}
];

@NgModule({
imports: [
CommonModule,
FormsModule,
IonicModule,
RouterModule.forChild(routes),
SharedModule
],
declarations: [HomePage]
})
export class HomePageModule {
}
`
---

Part 1: Expansible header