Koji su načini unosa teksta u aplikaciju?

Postoji nekoliko osnovnih načina za unos teksta u Flutteru:

1. Widget TextField:

   • Podrazumevani widget za unos teksta u jednom redu.
   • Omogućava prilagođavanje izgleda, ponašanja, tastature, validacije i kontrolera.
   • Pogodno za polja za unos imena, emaila, lozinke itd.

   // Primer korišćenja TextField
   TextField(
     decoration: InputDecoration(
       labelText: 'Ime',
       border: OutlineInputBorder(),
     ),
     onChanged: (text) {
       // Obrada promene teksta
     },
   )
   

2. Widget TextFormField:

   • Omotač iznad TextField, integrisan sa Form.
   • Olakšava validaciju unosa i čuvanje podataka forme.
   • Često se koristi u formama za prikupljanje korisničkih podataka.

   // Primer korišćenja TextFormField
   TextFormField(
     decoration: InputDecoration(
       labelText: 'Email',
     ),
     validator: (value) {
       if (value == null || value.isEmpty) {
         return 'Molimo unesite email';
       }
       return null; // Vraća null ako je validacija uspešna
     },
     onSaved: (value) {
       // Čuvanje vrednosti nakon validacije forme
     },
   )
   

3. Widget EditableText:

   • Niskonivojski widget za uređivi tekst.
   • Pruža osnovne mogućnosti uređivanja, ali nema gotov dizajn (dekoracije).
   • Koristi se za kreiranje prilagođenih polja za unos, na primer u uređivačima teksta.

   // Primer korišćenja EditableText (zahteva više ručne konfiguracije)
   EditableText(
     controller: TextEditingController(), // Kontroler za upravljanje tekstom
     focusNode: FocusNode(), // Fokus čvor
     style: TextStyle(color: Colors.black), // Stil teksta
     cursorColor: Colors.blue, // Boja kursora
     backgroundCursorColor: Colors.grey, // Boja pozadine kursora
   )
   

4. Sistemska tastatura:

   • Flutter automatski upravlja prikazom sistemske tastature kada se fokusirate na widgete za unos teksta.
   • Tip tastature (numerička, slova, email itd.) može se podesiti pomoću svojstva keyboardType u TextField ili TextFormField.

   // Podešavanje numeričke tastature
   TextField(
     keyboardType: TextInputType.number,
   )
   

5. Prilagođena tastatura:

   • Možete implementirati sopstvenu tastaturu kreiranjem widgeta dugmadi i obrađivanjem njihovih pritisaka za promenu teksta u kontroleru.
   • Ovaj pristup se koristi u posebnim slučajevima, na primer u bankarskim aplikacijama sa jedinstvenim rasporedom.

6. Lepljenje teksta iz međuspremnika:

   • Widgeti TextField i TextFormField podrazumevano podržavaju lepljenje teksta iz međuspremnika putem kontekstualnog menija.
   • Programski pristup međuspremniku ostvaruje se putem klase Clipboard.

   import 'package:flutter/services.dart';
   
   // Dobijanje teksta iz međuspremnika
   Future<void> pasteText() async {
     ClipboardData? data = await Clipboard.getData(Clipboard.kTextPlain);
     if (data != null) {
       String? text = data.text;
       // Korišćenje dobijenog teksta
     }
   }
   

U zavisnosti od zadatka i zahteva za UI, bira se odgovarajući način unosa teksta. Za većinu standardnih scenarija dovoljno su TextField i TextFormField.