Flutterflow 6.0

Vier jaar geleden werd Flutterflow gelanceerd tijdens Google I/O met als doel om app-ontwikkeling radicaal te veranderen. Afgelopen woensdag werd het vierjarig bestaan van Flutterflow gevierd en werd gelijk versie 6.0 gepresenteerd: een nóg krachtigere en slimmere tool! In deze blog een samenvatting van alle nieuwe features.

Custom code en classes

Classes zijn een belangrijk concept binnen het object oriented programmeren (OOP) van tegenwoordig. Een class is een soort template en beschrijft wat een object is en wat het kan doen. Zo kan je bijvoorbeeld een class hebben van het type 'auto'. Binnen deze class heeft een auto bijvoorbeeld een kleur en merk. Daarnaast kan de auto starten, versnellen en remmen. Tot op heden kon je binnen Flutterflow niet gebruik maken van classes en moest je hier workaround voor gebruiken. Met versie 6.0 is dit verleden tijd en kan je eigen Dart-bestanden importeren en zelfgemaakte classes zoals Cart, CartItem of Product direct in FlutterFlow gebruiken. Deze worden automatisch beschikbaar in de tool. Hier volgen enkele voordelen van classes:

• Objecten aanmaken en doorgeven tussen pagina's;

• Eigenschappen direct aan de UI koppelen.

• Gebruik kunt maken van complexe OOP-technieken zoals overerving, mixins en abstract classes.

• Nog in ontwikkeling: automatische synchronisatie van Dart-bestanden via de VS Code-extensie.

Custom code expressions

Tot nu toe kon je kleine stukjes custom code schrijven op de plekken waar je dit nodig had binnen je action flows. Dit was handig voor bijvoorbeeld een korte berekening of conversie. Met versie 6.0 kan je nu grotere multi-line Dart-code schrijven en direct in eigenschap-velden. Perfect voor het formatteren van tekst, logica of complexe berekeningen.

Verder:

• Gebruik de actie Execute Code om code direct uit te voeren binnen je flow.

• De nieuwe inline editor biedt automatische suggesties en directe foutcontrole.

• Volgende week: AI-aanvulling met begrip van projectvariabelen, zoals App State of gebruikersgegevens.

Flutterflow Pagina’s in bibliotheken

Bouw pagina’s één keer en hergebruik ze overal – perfect voor loginflows, onboarding of formulierverwerking. Gebruik ze in navigatie-acties en geef variabelen door tussen pagina's.

Binnenkort: pagina’s ook inzetten voor navigatiebalken of als startpagina.

Figma-frames importeren naar Flutterflow

Tot op heden was het alleen mogelijk om brandcolors en typografie te importeren vanaf Figma. De rest van je ontwerp moest worden nagebouwd in Flutterflow. Met versie 6.0 kan je vanaf nu complete frames als componenten importeren! Dit maakt het veel sneller om een ontwerp over te zetten. Hierbij wordt er gelijk een koppeling gemaakt met het Flutterflow thema.

Teams / samenwerking

Vanaf juli is het mogelijk om tegelijk lid te zijn van meerdere FlutterFlow-teams. Wisselen tussen werkruimtes zonder uitloggen wordt dan verleden tijd.

Integratie en automatisering

YAML-bewerkingen

Voer grootschalige aanpassingen uit via directe bewerking van het YAML-bestand van je project, met versiebeheer zoals bij Git. Pas bijvoorbeeld snel een themakleur aan op alle plakken in je applicatie. Deze functie is te vinden onder ‘Refactor Project’ in het ontwikkelmenu.

Project API

Voor het eerst is er een REST API beschikbaar om projectdata te lezen en te bewerken. Dit opent de deur voor geautomatiseerde workflows en CI/CD-integraties.

MCP Server (in ontwikkeling / experimenteel)

Er wordt gewerkt aan een officiële MCP Server waarmee je projecten kunt aanpassen, pagina’s aanmaken en refactors uitvoeren – direct vanuit AI-tools.

Overigen verbeteringen Flutterflow

• Desktop-apps maken nu gebruik van de Monaco-code editor met real-time foutcontrole en slimme suggesties.

• Importeer Dart-bestanden in elke pagina of component.

• Meer dan 200 nieuwe foutmeldingen helpen bij het sneller debuggen van problemen met binding van variabelen.

• Meer dan 50 bugs opgelost tijdens de recente Bug Bash.

• Ondersteuning voor aangepaste typografie naast aangepaste kleuren.

• Een compactere en efficiëntere Firestore UX voor veldinstellingen.

• Verbeterde zoekfunctionaliteit, met een nieuwe locatie van het commando-menu, betere zoekresultaten en navigatie met het toetsenbord.

Flutterflow Developer Group

Werk je zelf met Flutterflow of wil je weten wat de mogelijkheden zijn voor jouw app-project? Ben je op zoek naar partners om kennis en ervaringen over Flutterflow uit te wisselen? Kom dan naar een van onze Meetups op verschillende locaties in Nederland. Hier ontmoet je de enthousiaste en groeiende community van Flutterflow developers en leer je alles over Flutterflow. Meld je nu aan bij onze Meetup groep en krijg direct bericht wanneer er weer een nieuwe Meetup is gepland: https://www.meetup.com/ffdg-amsterdam/