# Snippets

Custom code die via de FlutterFlow Custom Code-editor ingevoerd moet worden.
Staat hier als `.txt` zodat `flutter analyze` en de export er niets mee doen —
deze map ligt bewust buiten `lib/` en overleeft daarom een `export-code`.

Plak bij het invoeren alles onder de `// DO NOT REMOVE`-regel — **inclusief de
eigen importregels die daar direct onder staan**; de FlutterFlow-importkop
erbóven genereert de builder zelf. In beide bestanden staat een
`⬇ PLAK VANAF HIER ⬇`-markering op precies de goede plek.

⚠️ **Vergeet die importregel niet.** Gebeurde 2026-09-13: zonder
`import 'package:http/http.dart' as http;` slaat de Custom Code-editor de
action gewoon op en meldt de builder niets, maar faalt de **Gradle-build** met
`Error: Undefined name 'http'`. De editor controleert dit dus niet voor je.

- `check_verbinding.dart.txt` — Custom **Action** `checkVerbinding`,
  Return Type Boolean, geen argumenten.
- `verbindings_banner.dart.txt` — Custom **Widget** `VerbindingsBanner`,
  parameters `width` (double, optioneel), `height` (double, optioneel),
  `tekst` (String, optioneel). **Laat die drie leeg bij het plaatsen.**

⚠️ **Het widget neemt bewust GEEN ruimte in de layout in** (`SizedBox.shrink`)
en toont de melding via de `ScaffoldMessenger` over de pagina heen. Reden: de
header zit in een `FlexibleSpaceBar.background` met een vaste hoogte van 74 px.
Zet het dus **als laatste kind in de bestaande Row** van
`HeaderButtonsComponent` — **niet** in een Column eromheen en **niet** in een
Container met een vaste hoogte. Zie de valkuil in `TASKS.md`.

Beide horen bij de verbindingsmelding in de header; de bouwstappen staan in
`TASKS.md`.