Flutterflow 6.0
- W. Glasbergen
- 30 mei
- 3 minuten om te lezen
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.
