MICHELEPISANI.IT
 

Agire sia su ion-view che su ion-content

Nascondere o Rimuovere la barra del Titolo nell'Header delle View

Agosto 06
07:132016

Il codice seguente rappresenta l'apertura dei tag solitamenti presenti all'interno di una classica view in Ionic mostrante la barra del titolo (che è anche quella dove può essere presente o meno il bottone di Back):

<ion-view title="Home">
    <ion-nav-title>
      <img src="img/logo_header.png" class="logo-header">
    </ion-nav-title>
    <ion-content overflow-scroll="false" padding="false" scroll="false" class="has-header">
...

Per poter ottenere una view senza la barra in header sarà necessario in primo luogo rimuovere, se presente, l'elemento di tipo ion-nav-title (nell'esempio è quello che contiene il tag img per la visualizzazione del logo in header) a quel punto aggiungere gli attributi hide-nav-bar="true" e hide-back-button="true" al tag ion-view mentre al tag ion-content rimuovere la classe, se presente, class="has-header".
La situazione finale sarà simile alla seguente (l'attributo title a questo punto risulta ininfluente e potrebbe essere anch'esso rimosso):

<ion-view hide-nav-bar="true" hide-back-button="true" title="Home">
    <ion-content overflow-scroll="false" padding="false" scroll="false">
...

Tags
Condividi

Autore

Michele Pisani

Michele Pisani

Ho uno spiccato orientamento al problem-solving, se è troppo facile non mi diverto :)
Credo nella volontà e nel cambiamento perchè hanno fatto della mia passione il mio pane quotidiano.
Se devo descrivermi con una sola parola direi... "Concretezza", la mia stretta di mano è una garanzia.

0 Commenti

Non ci sono commenti

Nessuno ha ancora commentato questo articolo, fallo tu per primo!

Scrivi un Commento

Scrivi un Commento

Il tuo indirizzo email non sarà pubblicato.
I campi contrassegnati da un * sono obbligatori

Articoli e Argomenti correlati

Categorie popolari

Iscriviti alla mia newsletter

La tua e-mail con me sarà al sicuro.
Non fornirò mai le tue informazioni a nessuno!

Ultimi commenti

Michele Pisani

Ciao stefy,
la tua domanda non è proprio pertinente a questo articolo... ti consiglio di dare …

stefy

salve. ho un problema sulla pagina facebook..non riesco a unirla..mi dice che è in sospeso …

Michele

Ciao Antonio,
ma il tuo apk si chiama 'HelloWorld-release-unsigned.apk'?