---
title: 🚀 Que é Flutter?
description: "## 📘 Que é Flutter? **Dart é a linguaxe coa que programamos. Flutter proporciona as ferramentas e os compoñentes para crear a interface das aplicacións empregando Dart.** Flutter é un SDK de código aberto creado por Google. Permite compartir gran…"
url: "https://www.drodicio.com/docs/flutter/tema-1-introducion-a-flutter-primeiros-pasos/que-e-flutter/"
updated: "2026-10-12"
category: Tema 1. Introdución a Flutter. Primeiros pasos
---

# 🚀 Que é Flutter?

## 📘 Que é Flutter?

**Dart é a linguaxe coa que programamos. Flutter proporciona as ferramentas e os compoñentes para crear a interface das aplicacións empregando Dart.**

Flutter é un SDK de código aberto creado por Google. Permite compartir gran parte do código entre Android, iOS, web e escritorio. Algunhas funcións e axustes dependen da plataforma.

![Logotipo de Flutter](https://www.drodicio.com/wp-content/uploads/2026/10/logo_flutter.jpg)
Logotipo de Flutter

## 🧩 Que son os widgets?

Un **widget** describe unha parte da interface: un texto, un botón, unha imaxe ou a distribución doutros widgets. Combinámolos para construír pantallas.

![Exemplos de interfaces en dispositivos móbiles](https://www.drodicio.com/wp-content/uploads/2026/10/maxresdefault.jpg)
Exemplos de interfaces en dispositivos móbiles

Flutter ofrece compoñentes de estilo **Material** (Google) e **Cupertino** (Apple). Neste curso comezaremos cos de Material. Podemos utilizalos tamén fóra de Android.

## 🌍 Que nos achega?

- Reutilizar código entre plataformas.
- Construír interfaces combinando widgets.
- Ver moitos cambios rapidamente con **hot reload**, sen perder o estado actual.
- Engadir funcionalidades mediante paquetes.

## 🧠 Arquitectura: tres partes que traballan xuntas

![Capas da arquitectura de Flutter: framework, motor e integración coa plataforma](https://www.drodicio.com/wp-content/uploads/2026/10/archdiagram.png)
Capas da arquitectura de Flutter: framework, motor e integración coa plataforma

A imaxe mostra como se organiza Flutter por dentro. Para empezar, chega con distinguir estas tres partes:

| Parte | Que fai? |
| --- | --- |
| **Framework** | Ofrece os widgets e as ferramentas que usamos desde Dart para describir a interface. É a parte coa que traballaremos habitualmente. |
| **Engine (motor)** | Realiza tarefas internas, como debuxar o contido e procesar texto. |
| **Embedder (integración coa plataforma)** | Conecta Flutter co sistema operativo para recibir entradas e mostrar a aplicación. |

Por exemplo, nós colocamos un `Text` na interface; Flutter organiza e debuxa ese texto e intégrase coa pantalla do dispositivo. Non necesitamos programar o motor nin a integración coa plataforma.

> 📌 Este é un esquema xeral. A implementación para a web ten particularidades.

---

> 📚 Consulta:
>
>
>
> - [Arquitectura de Flutter → `https://docs.flutter.dev/resources/architectural-overview`](https://docs.flutter.dev/resources/architectural-overview).