Explique o conceito de árvore de componentes de interface de utilizador.

A árvore de componentes da interface do utilizador é uma estrutura hierárquica, onde cada nó representa um componente de UI (widget) separado. No Flutter, toda a interface é construída a partir desses componentes, que podem conter componentes aninhados.

Cada componente é responsável por renderizar a sua parte da tela e pode ter estado. Quando o estado ou os dados mudam, o Flutter recria a árvore de widgets ou uma parte dela para atualizar a UI.

Exemplo:

• Componente raiz — Scaffold
  • Dentro do Scaffold — AppBar e Body
    • No Body — Column
      • Na Column — vários Text e Button

Esta árvore permite gerir a interface de forma eficiente, atualizar apenas as partes modificadas e construir UIs complexas a partir de componentes simples.