Comment utiliser les rappels VoidCallback et Function(x) pour communiquer entre les widgets dans Flutter

4. Créer un widget enfant de rappel de fonction

Créez ensuite un fichier  » function_ child_widget.dart « . Comme précédemment, dans ce fichier, nous créerons également un bouton qui appellera la fonction « _functionCallback(int i) » dans le fichier « parent_widget.dart » qui renverra une valeur entière.

import 'package:flutter/material.dart';

class FunctionChildWidgetPage extends StatelessWidget {
  final Function(int) functionCallback;

  const FunctionChildWidgetPage({Key? key, required this.functionCallback})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () => functionCallback(5),
      child: const Text("Fx Callback"),
    );
  }
}

Lancez ensuite le projet. Sur l’émulateur, vous verrez qu’il y a deux boutons, à savoir les boutons « VoidCallback » et « Fx Callback ».

Si vous cliquez sur le bouton « VoidCallback », le widget enfant VoidCallback appellera simplement la fonction « _voidCallback » du widget parent, sans renvoyer de valeur.

Parallèlement, si vous cliquez sur le bouton « Fx Callback », le widget enfant Function Callback appellera la fonction « _functionCallback(int i) » du widget parent en renvoyant une valeur entière.