---
title: ✏️ Modificar a primeira pantalla
description: "## ✍️ Modificar o texto No exemplo anterior, substitúe só o `body` do `Scaffold` por este fragmento: ```dart body: const Center( child: Text( 'Ola, 2º DAM! Son Diego Rodicio.', // Damos un tamaño ao texto e centramos as liñas. style:…"
url: "https://www.drodicio.com/docs/flutter/tema-1-introducion-a-flutter-primeiros-pasos/primeiros-cambios/"
updated: "2026-10-12"
category: Tema 1. Introdución a Flutter. Primeiros pasos
---

# ✏️ Modificar a primeira pantalla

## ✍️ Modificar o texto

No exemplo anterior, substitúe só o `body` do `Scaffold` por este fragmento:

```dart
body: const Center(
  child: Text(
    'Ola, 2º DAM! Son Diego Rodicio.',
    // Damos un tamaño ao texto e centramos as liñas.
    style: TextStyle(fontSize: 24),
    textAlign: TextAlign.center,
  ),
),
```

`style` recibe un obxecto `TextStyle`. Igual que nos exemplos de Dart, pasámoslle datos mediante parámetros nomeados.

## 🎨 Cambiar a barra superior

Substitúe só o `appBar` do mesmo `Scaffold`:

```dart
appBar: AppBar(
  title: const Text('IES San Mamede'),
  backgroundColor: Colors.blue, // Fondo da barra.
  foregroundColor: Colors.white, // Cor do título e das iconas.
),
```

Estes fragmentos forman parte do exemplo completo; non se executan sós. Cambia un valor cada vez e observa o resultado. No Tema 3.2 aprenderemos a combinar máis widgets e a distribuír o espazo.

> 📚 Consulta:
>
>
>
> - [Text → `https://api.flutter.dev/flutter/widgets/Text-class.html`](https://api.flutter.dev/flutter/widgets/Text-class.html) ·
> - [AppBar → `https://api.flutter.dev/flutter/material/AppBar-class.html`](https://api.flutter.dev/flutter/material/AppBar-class.html).