Fonctions avec paramètres

Fait partie de la section Rendre l’application interactive du Journey Flutter de Coddy. Leçon 7 sur 34.

Une fonction peut recevoir une valeur chaque fois que vous l’appelez. Cette valeur est un paramètre, écrit entre parenthèses avec son type :

void greet(String name) {
  print('Hi, $name!');
}

greet('Ada');    // Hi, Ada!
greet('Linus');  // Hi, Linus!

À l’intérieur de la fonction, name est une variable qui contient la valeur transmise. Une seule fonction peut désormais effectuer le travail de plusieurs.

Un bouton ne peut pas transmettre une valeur par lui-même : onPressed: attend une fonction sans paramètre. Il faut donc envelopper l’appel dans une petite fonction sans nom, comme celle que vous avez rencontrée dans Votre premier bouton :

ElevatedButton(
  onPressed: () { greet('Ada'); },
  child: Text('Ada'),
)

Défi

Facile

Remplacez orderTea par une seule fonction order qui prend un String drink et affiche One Tea, please, One Coffee, please ou One Juice, please. Faites en sorte que les trois boutons l’utilisent.

Essayez vous-même

import 'package:flutter/material.dart';

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

void orderTea() {
  print('One Tea, please');
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              ElevatedButton(onPressed: orderTea, child: Text('Tea')),
              SizedBox(height: 12),
              ElevatedButton(onPressed: () {}, child: Text('Coffee')),
              SizedBox(height: 12),
              ElevatedButton(onPressed: () {}, child: Text('Juice')),
            ],
          ),
        ),
      ),
    );
  }
}