A cosa servono i controller dei widget in Flutter…

I controllori dei widget in Flutter vengono utilizzati per gestire lo stato o il comportamento di un widget specifico dall'esterno, nonché per interagire con esso.

Obiettivi principali di utilizzo:

Gestione programmata: Modificare le proprietà del widget (ad esempio, lo scorrimento di una lista, il controllo del cursore in un campo di testo) senza interazione diretta dell'utente.
Ottenere informazioni: Leggere lo stato attuale del widget (ad esempio, la posizione di scorrimento corrente, il testo inserito).
Risposta agli eventi: Eseguire azioni relative al widget in risposta a eventi in altre parti dell'applicazione.

Esempi di controller popolari:

TextEditingController: Gestione dei campi di testo (TextField, TextFormField). Permette di ottenere e impostare il testo, gestire la selezione e la posizione del cursore.

final myController = TextEditingController();

// Ottenere il testo dal campo
final text = myController.text;

// Impostare il testo nel campo
myController.text = 'Nuovo testo';

ScrollController: Gestione dei widget scorrevoli (ListView, GridView, SingleChildScrollView). Permette di scorrere programmaticamente, ottenere la posizione di scorrimento corrente e ascoltare gli eventi di scorrimento.

final myScrollController = ScrollController();

// Scorrere all'inizio
myScrollController.animateTo(
  0,
  duration: Duration(milliseconds: 500),
  curve: Curves.easeOut,
);

// Ottenere la posizione di scorrimento corrente
final position = myScrollController.position.pixels;

PageController: Gestione dei widget di pagine (PageView). Permette di passare tra le pagine, ottenere la pagina corrente e ascoltare gli eventi di cambio pagina.

final myPageController = PageController();

// Passare alla pagina successiva
myPageController.nextPage(
  duration: Duration(milliseconds: 300),
  curve: Curves.easeIn,
);

// Ottenere la pagina corrente
final currentPage = myPageController.page;

I controller vengono generalmente passati al widget corrispondente tramite il suo costruttore. La gestione del ciclo di vita del controller (creazione e eliminazione) dovrebbe avvenire nel widget che lo utilizza, spesso nel metodo initState per crearne uno e dispose per eliminarlo.

class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  late final TextEditingController _textController;

  @override
  void initState() {
    super.initState();
    _textController = TextEditingController();
  }

  @override
  void dispose() {
    _textController.dispose(); // È importante liberare le risorse
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return TextField(
      controller: _textController,
      // ... altre proprietà di TextField
    );
  }
}

L'uso dei controller permette di separare chiaramente la logica di gestione del widget dalla sua presentazione.

A cosa servono i controller dei widget in Flutter?