Cómo añadir una sección Menú

Sección Menú

Una barra de pestañas solo tiene sitio para unas pocas, así que las demás secciones de tu app se acumulan tras sus tres puntos.

Una sección Menu agrupa secciones relacionadas tras una sola entrada, en una página propia, cada una con su imagen y su título.

Añadir una sección Menú

En «My App», Structure, haz clic en «Add a section»… busca Menu y elígelo.

Ponle un nombre que diga lo que agrupa, hasta 32 caracteres. Aquí, «Watch & listen», para nuestras secciones de audio y vídeo. Luego haz clic en Add.

La sección Menu se añade al final de tu menú. Empieza vacía, como muestra la vista previa.

Llenarla de secciones

Para meter una sección dentro, arrástrala justo debajo de la fila de la sección Menu, como «River Daily Live» aquí… y suéltala. Baja un nivel, dentro de «Watch & listen».

Para una sección más arriba, haz clic en los puntos al final de su fila y luego en Settings… y en «Tree structure», mueve la sección a «Watch & listen».

Haz clic en Save y haz lo mismo con «Video news».

«Watch & listen» contiene ahora tres secciones y las muestra en el orden del árbol.

Diseño

Para diseñarla, abre la sección Menu y haz clic en «Edit the design».

Elige una plantilla: define cómo se muestran las secciones.

List las alinea en filas, con sus títulos.

Visual, la predeterminada, da a cada sección una imagen grande, con su título encima.

En Pictures, cada sección empieza con una imagen predeterminada. Elimínala… y luego sube la tuya con Browse o abre Library.

Library busca fotos gratuitas en Pexels. Elige una y ya está en su sitio.

La vista previa la muestra al instante. Haz lo mismo con cada sección.

Luego, en «Position on the images», coloca los títulos… aquí abajo a la izquierda, para que cada imagen se vea bien.

Niveles y límites

El botón + de su fila añade una nueva sección directamente dentro… incluso otra sección Menu, para un nivel más. Las secciones Menu se anidan hasta cuatro niveles.

Cada sección cuenta en el límite de 120 secciones de tu app, la sección Menu incluida, esté donde esté.

En la app

En la vista previa, «Watch & listen» cierra ahora la lista tras los tres puntos, en lugar de las tres secciones que contiene.

Haz clic en ella: la sección Menu se abre con sus tres secciones.

Cada una se abre como siempre, y Back vuelve a la sección Menu.

Tu sección Menu llega a tu app al publicarla, con «Publish my project».