Il tuo primo pulsante

Fa parte della sezione Rendere l’app interattiva del percorso Flutter di Coddy. Lezione 1 di 34.

Finora le tue app mostravano solo cose. In questa sezione imparerai a farle rispondere, iniziando con un pulsante.

ElevatedButton(
  onPressed: () {},
  child: Text('Start'),
)

child: indica cosa mostra il pulsante, di solito un Text. onPressed: indica cosa succede quando qualcuno lo tocca.

() {} è una funzione senza nome: un piccolo pezzo di codice che il pulsante conserva ed esegue a ogni tocco. Il codice va tra le parentesi graffe. Questa è vuota, quindi per ora toccare il pulsante non fa nulla, ma il pulsante è pronto per essere premuto.

Con onPressed: null il pulsante è disattivato e non può essere premuto. null significa «nessun valore»: non c'è codice da eseguire.

Sfida

Facile

L'app mostra la parola Start. Trasformala in un ElevatedButton che si possa premere, con Start come figlio. Per onPressed è sufficiente una funzione vuota.

Provalo tu

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('Start'),
        ),
      ),
    );
  }
}