Quali sono i metodi di inserimento del testo nell'applicazione?

Esistono diversi metodi principali per l'inserimento di testo in Flutter:

1. Widget TextField:

   • Widget standard per l'inserimento di testo su una sola riga.
   • Permette di personalizzare l'aspetto, il comportamento, la tastiera, la validazione e il controller.
   • Adatto per campi di input come nome, email, password, ecc.

   // Esempio di utilizzo di TextField
   TextField(
     decoration: InputDecoration(
       labelText: 'Nome',
       border: OutlineInputBorder(),
     ),
     onChanged: (text) {
       // Gestire le modifiche del testo
     },
   )
   

2. Widget TextFormField:

   • Contenitore di TextField integrato con Form.
   • Facilita la validazione dell'input e il salvataggio dei dati del modulo.
   • Spesso usato nei moduli per raccogliere dati utente.

   // Esempio di utilizzo di TextFormField
   TextFormField(
     decoration: InputDecoration(
       labelText: 'Email',
     ),
     validator: (value) {
       if (value == null || value.isEmpty) {
         return 'Per favore inserisci l\'Email';
       }
       return null; // Ritorna null se la validazione ha successo
     },
     onSaved: (value) {
       // Salvataggio del valore dopo la validazione
     },
   )
   

3. Widget EditableText:

   • Widget di basso livello per testo modificabile.
   • Offre funzionalità di base di modifica, ma non ha un design predefinito (decorazioni).
   • Usato per creare campi di input personalizzati, ad esempio in editor di testo.

   // Esempio di utilizzo di EditableText (richiede più configurazione manuale)
   EditableText(
     controller: TextEditingController(), // Controller per gestire il testo
     focusNode: FocusNode(), // Nodo di focus
     style: TextStyle(color: Colors.black), // Stile del testo
     cursorColor: Colors.blue, // Colore del cursore
     backgroundCursorColor: Colors.grey, // Colore di sfondo del cursore
   )
   

4. Tastiera di sistema:

   • Flutter gestisce automaticamente la visualizzazione della tastiera di sistema quando si focalizza sui widget di input di testo.
   • Il tipo di tastiera (numerico, alfabetico, email, ecc.) può essere configurato con la proprietà keyboardType in TextField o TextFormField.

   // Configurazione della tastiera numerica
   TextField(
     keyboardType: TextInputType.number,
   )
   

5. Tastiera personalizzata:

   • È possibile implementare una tastiera propria creando widget di pulsanti e gestendo le loro pressioni per modificare il testo nel controller del widget di input.
   • Questo approccio viene usato in casi speciali, ad esempio in applicazioni bancarie con layout unico.

6. Inserimento di testo dagli appunti:

   • I widget TextField e TextFormField supportano di default l'inserimento di testo dagli appunti tramite il menu contestuale.
   • L'accesso programmatico agli appunti avviene tramite la classe Clipboard.

   import 'package:flutter/services.dart';
   
   // Ottenere testo dagli appunti
   Future<void> pasteText() async {
     ClipboardData? data = await Clipboard.getData(Clipboard.kTextPlain);
     if (data != null) {
       String? text = data.text;
       // Usare il testo ottenuto
     }
   }
   

A seconda del compito e dei requisiti di UI, si sceglie il metodo di inserimento testo più appropriato. Per la maggior parte degli scenari standard, TextField e TextFormField sono sufficienti.