Como adicionar uma seção Menu

Seção Menu

Uma barra de abas só tem espaço para poucas abas, então as outras seções do seu app se acumulam no menu dos três pontos.

Uma seção Menu agrupa seções relacionadas sob uma única entrada, em uma página própria, cada uma com sua imagem e seu título.

Adicionar uma seção Menu

Em "My App", Structure, clique em "Add a section"… e pesquise "menu" para encontrar o card Menu.

Passe o mouse nele para ver a tela que adiciona: a lista das seções que ele agrupa. Clique em Add.

Dê um nome à seção. Deixe o layout como está: você pode mudá-lo depois, em "Edit the design". Em seguida, clique em Add.

A seção Menu entra no final do seu menu. Ela começa vazia, como mostra a pré-visualização.

Preencher com seções

Para colocar uma seção dentro dela, arraste-a logo abaixo da linha da seção Menu, como "River Daily Live" aqui… e solte. Ela desce um nível, para dentro de "Watch & listen".

Para uma seção mais acima na lista, clique nos pontos no fim da linha dela e depois em Settings… e, em "Tree structure", mova a seção para "Watch & listen".

Clique em Save e faça o mesmo com "Video news".

"Watch & listen" agora reúne três seções e as mostra na ordem da árvore.

Design

Para criar o design, abra a seção Menu e clique em "Edit the design".

Escolha um template para definir como as seções aparecem.

List mostra as seções em linhas, com seus títulos.

Visual, o padrão, dá a cada seção uma imagem grande, com o título por cima.

Em Pictures, cada seção começa com uma imagem padrão. Remova-a… e depois envie a sua com Browse... ou abra a Library.

A Library busca fotos gratuitas no Pexels. Escolha uma, e ela já fica no lugar.

A pré-visualização a mostra na hora. Faça o mesmo com cada seção.

Depois, em "Position on the images", posicione os títulos… aqui no canto inferior esquerdo, para que cada imagem apareça bem.

Níveis e limites

O botão + da linha dela adiciona uma nova seção direto dentro dela… até mesmo outra seção Menu, para mais um nível.

Toda seção conta no limite de 120 seções do seu app, inclusive a seção Menu, onde quer que ela esteja.

No app

Na pré-visualização, "Watch & listen" agora fica no final da lista do menu dos três pontos, no lugar das três seções que ela reúne.

Clique nela: a seção Menu abre com as suas três seções.

Cada uma abre normalmente, e Back volta para a seção Menu.

Sua seção Menu só chega ao seu app quando você publicar, com "Publish my project".