Le tue funzioni

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

Quando due pulsanti fanno la stessa cosa, puoi scrivere il codice una volta e dargli un nome. Questa è una funzione:

void sayHello() {
  print('Hello!');
}

sayHello è il suo nome, il codice tra parentesi graffe è ciò che fa e void significa che non restituisce nulla. Scrivila da sola, fuori da class MyApp, per esempio subito sotto main.

Per eseguirla, scrivi il suo nome con le parentesi: sayHello();. Per assegnarla a un pulsante, scrivi il nome senza parentesi:

ElevatedButton(onPressed: sayHello, child: Text('Hi'))

Senza parentesi, assegni al pulsante la funzione stessa, e il pulsante la esegue a ogni tocco. Con le parentesi, onPressed: sayHello(), Dart la eseguirebbe subito e passerebbe al pulsante il risultato, che è nulla, quindi il codice non viene compilato.

Sfida

Facile

Entrambi i pulsanti devono stampare Hello!. Scrivi una funzione sayHello che stampi Hello! e assegnala al pulsante Say hello e al pulsante mobile con la mano che saluta.

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: ElevatedButton(
            onPressed: () {
              print('Hello!');
            },
            child: Text('Say hello'),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {},
          child: Icon(Icons.waving_hand),
        ),
      ),
    );
  }
}