Sobes.tech
Junior

Welke Flutter-widgets maken het mogelijk om tekstinvoer te verwerken?

sobes.tech AI

Antwoord van AI

Tekstwidgets voor invoer:

  • TextField: Basiswidget voor het invoeren van één regel tekst. Ondersteunt verschillende decoraties, controllers en validatie.
  • TextFormField: Uitbreiding van TextField, meestal gebruikt in formulieren (Form). Biedt extra mogelijkheden voor het beheren van de status en validatie.

Widgets voor tekstselectie:

  • TextSelectionHandleType: Bepaalt het type selectiehandvat (begin, eind, alles).
  • TextSelectionOverlay: Widget die een contextmenu met acties toont bij tekstselectie (kopiëren, knippen, plakken).

Widgets voor het weergeven van tekst:

  • Text: Toont opgemaakte tekst. Niet bedoeld voor invoer.

Voorbeeld van gebruik van TextField:

TextField(
  decoration: InputDecoration(
    labelText: 'Gebruikersnaam',
  ),
  onChanged: (text) {
    // Verwerking van tekstwijziging
  },
);

Voorbeeld van gebruik van TextFormField in een Form:

Form(
  child: TextFormField(
    decoration: InputDecoration(
      labelText: 'E-mail',
    ),
    validator: (value) {
      if (value == null || value.isEmpty) {
        return 'Voer alstublieft een e-mail in';
      }
      return null;
    },
  ),
);