ionic-react-header-collapse

Easy to use hook to handle collapse effect on scroll for IonHeader component in React Ionic

Currently the package is in beta phase. Any issue or PR will be appreciated ;)

IOS/Android:

Install

npm install --save @codesyntax/ionic-react-header-collapse

Usage

importReact,{Component}from'react';import{UseIonHeaderCollapse,useIonHeaderCollapse}from'@codesyntax/ionic-react-header-collapse';constHome: React.FC=()=>{const{ ref }=useIonHeaderCollapse({}asUseIonHeaderCollapse);render(){return(<IonPage><IonHeaderref={ref}><IonToolbar><IonTitle>Ionic header</IonTitle></IonToolbar></IonHeader><IonContentfullscreen>
...
</IonContent></IonPage>);}}

License

MIT © CodeSyntax