Menu

Ayuda a testear el Split Panel.

ionic2release - February 17, 2017 por Carlos Rojas

Hace unos momentos desde el Blog oficial de Ionic, se pide ayuda para testear una nueva caracteristica que se ve muy bién.

Esta es una nueva caracteristica que se quiere implementar en el framework fue trabajada por Manu que hace parte del equipo de Ionic.

Con Split Panel es mucho mas facil trabajar el menu de navegación en dispositivos con pantallas grandes (Tales como el Iphone 7 plus, tablets y escritorio) y colapsara (Como normalmente lo hace) en pantallas pequeñas. Entonces, ahora el menu lateral podra trabajar independientemente del contenido o ellos pueden trabajar en conjunto. Adicionalmente, el menu puede ser fijo o mostrado como un side menu.

Para ayudar a probar debes instalar la versión nocturna de Ionic.

$npm install --save ionic-angular@nightly

para uso basico simplemente usa <ion-split-panel> alrededor de tus etiquetas <ion-menu> y <ion-nav>:


<ion-split-panel>
  <ion-menu [content]="content">
  </ion-menu>
  <ion-nav [root]="rootPage" #content swipeBackEnabled="false" main></ion-nav>
</ion-split-panel>

Nota: Split Panel solo esta disponible en Ionic 2.x.x y superior.

¡Compártelo!