---
title: 🧪 Exemplo completo
description: "## 🧪 Unha pantalla coas pezas do tema Este exemplo reúne o anterior. Non é un modelo que teñamos que copiar enteiro en todas as aplicacións: escollemos só os compoñentes que necesitamos. | Acción | Resultado | | --- |…"
url: "https://www.drodicio.com/docs/flutter/tema-4-scaffold/exemplo-completo-scaffold/"
updated: "2026-10-12"
category: Tema 4. Estrutura dunha pantalla. Scaffold
---

# 🧪 Exemplo completo

## 🧪 Unha pantalla coas pezas do tema

Este exemplo reúne o anterior. Non é un modelo que teñamos que copiar enteiro en todas as aplicacións: escollemos só os compoñentes que necesitamos.

| Acción | Resultado |
| --- | --- |
| Premer a icona da persoa na `AppBar` | Mostra un aviso co nome do titor. |
| Abrir o menú e escoller unha opción | Pecha o menú e cambia a sección. |
| Premer «Centro» ou «Perfil» na barra inferior | Cambia o contido e a selección. |
| Premer o botón flotante | Abre o panel cos datos da titoría. |
| Premer «Pechar» no panel | Volve á pantalla. |

O menú e a barra comparten `_indiceActual`. O panel fixo ten unha altura reservada no `body` para non ocultar o contido.

> 🔗 DartPad:
>
>
>
> - [`https://dartpad.dev/?id=339ca9eb3c35841e2910879ed6927490`](https://dartpad.dev/?id=339ca9eb3c35841e2910879ed6927490).

[https://dartpad.dev/embed-inline.html?id=339ca9eb3c35841e2910879ed6927490](https://dartpad.dev/embed-inline.html?id=339ca9eb3c35841e2910879ed6927490)

![Combinar menú lateral, barra inferior e paneis nunha pantalla](https://www.drodicio.com/wp-content/uploads/2026/10/exemplo_completo-scaled.png)
Combinar menú lateral, barra inferior e paneis nunha pantalla