Wat is er nieuw in Flutter 3.3? Laatste updates en functies

Het is op dit moment een geweldige ervaring om deel uit te maken van de ontwikkelingssector. Het draait hier om voortdurende verandering en regelmatige upgrades. We kijken altijd uit naar grote updates, en deze keer gaan we Flutter eens nader bekijken.

Als je een ontwikkelaar bent, ken je Flutter waarschijnlijk wel – een platformonafhankelijk, een open-sourceframework dat de manier waarop mobiele apps zijn ontwikkeld. Zowel de omvang als het gebruik van het ecosysteem zijn voortdurend toegenomen. Naast het gebruik op desktops en het web worden er dagelijks meer dan 1000 Flutter-apps uitgebracht in de App Store en de Play Store.

Het momentum is sinds de release van Flutter 3.0 drie maanden geleden niet afgenomen. Flutter wordt met elke nieuwe versie die het Flutter-team uitbrengt steeds beter.

Er is een nieuwe versie van Flutter uitgebracht – Flutter 3.3.

In het bericht van vandaag gaan we het hebben over de nieuwste update, die allerlei verbeteringen met zich meebrengt.

Bij elke nieuwe release valt er weer veel te ontdekken. Hier is een verder verfijnde versie van dit revolutionaire framework, die je zelf kunt verkennen!

Wat is er nieuw in Flutter 3.3?

In Oslo, Noorwegen, ging Flutter Vikings op 31 augustus van start, met de uitgave van Flutter 3.3. De update bevat een aantal foutcorrecties, verbeteringen en nieuwe functies, waaronder verbeteringen op het gebied van het framework, de prestaties, de ondersteuning voor desktopcomputers, de weergavelaag en de stabiliteit.

Om u een beter beeld te geven, zullen we elke verbetering in detail bespreken in het kader van het betreffende toepassingsgebied. Bekijk ze hieronder.

Selectie op wereldwijde schaal

Flutter-webapps beschikken niet over een ingebouwde functie waarmee gebruikers elementen met één enkel gebaar kunnen selecteren. Met de introductie van Flutter 3.3 is daar nu verandering in gekomen. We hebben nu een nieuwe widget, genaamd Selection Area, die het selecteren van elementen in onze Flutter-webapp een stuk eenvoudiger maakt. De onderliggende elementen van deze boomstructuur kunnen nu worden geselecteerd. Raadpleeg de API-documentatie van Selection Area voor meer informatie over de widget.

Trackpad-invoer

Er zijn ook enkele wijzigingen aangebracht in de trackpad-invoer in Flutter 3.3. Er is nu een betere en snellere manier om het trackpad te bedienen. Bovendien worden hiermee inconsistenties bij het scrollen verholpen. Bekijk het document dat door het Flutter-team is gedeeld voor meer informatie over de verbeteringen aan de trackpad-invoer.

Krabbel

Hoe zou het zijn als Flutter-apps Zou je graag gebruik willen maken van de Apple Pencil op je iPad? Het is eindelijk zover! De eer gaat naar Jami Couch, een lid van de Flutter-community. Bij widgets zoals CupertinoTextField, TextField en EditableText is de Scribble-functie standaard ingeschakeld. Het enige wat je hoeft te doen, is je Flutter-versie upgraden naar Flutter 3.3.

Tekstinvoer

De nieuwste versie van Flutter biedt gedetailleerde tekstupdates via de TextInputPlugin, waardoor het bewerken van opmaaktekst wordt verbeterd. Hierdoor kunnen ontwikkelaars invoervelden maken met verschillende opgemaakte segmenten die uit- en inklappen terwijl de gebruiker typt. De demo is hier te bekijken.

Material Design 3:

Het aanpassen van Android-thema’s is verder ontwikkeld sinds Android 12 ‘Material You’ introduceerde, een dynamische thema-engine. Material Design wordt naarmate het zich verder ontwikkelt steeds beter geïntegreerd in het Android-besturingssysteem. Zodra die updates worden uitgebracht, volgt Flutter deze ontwikkelingen. In Flutter 3.3 is Material Design aangepast voor widgets zoals IconButton, Chip en varianten van AppBar.

De Material Design 3-thema’s worden geleidelijk aan naar meer widgets overgezet. De voortgang van Material 3 is te volgen op Github.

Flutter voor desktop:

Windows

Vroeger moest je een bestand aanpassen dat specifiek was voor Windows-toepassingen om de versie van je op Flutter gebaseerde desktoptoepassing in te stellen. Gelukkig is daar nu verandering in gekomen met de release van een update die het eenvoudiger maakt om het pubspec.yaml-bestand van een project te bewerken.

Daardoor wordt de platformversie ook afgestemd op die van andere platforms. Raadpleeg de Flutter-documentatie voor meer informatie over deze functie.

Renderlaag van de volgende generatie: Impeller

Als je Flutter al sinds de bètaperiode volgt, ben je waarschijnlijk bekend met de Skia Graphics Engine. Flutter draait volledig op deze grafische engine, waardoor het zo goed presteert.

Het Flutter-team heeft Flutter 3.3 uitgebracht, een nieuwe weergavelaag genaamd Impeller; een runtime die in staat is om volledig gebruik te maken van hardwareversnelde API’s zoals Metal voor iOS en Vulkan voor Android.

Flutter-apps zullen voortaan nog vloeiendere animaties bieden dankzij een nieuwe grafische engine. Aan een platformonafhankelijke toolkit worden hogere eisen gesteld. Bovendien vereist Impeller geen compilatie van shaders tijdens de uitvoering, wat de belangrijkste oorzaak is van haperingen in de frametijd in onze apps.

Om er zeker van te zijn dat je de nieuwste versie van Flutter gebruikt, schakel je over naar het master-kanaal van Flutter, zodat je de nieuwste mogelijkheden van de grafische engine kunt testen.

Pakketten:

Met de nieuwste en beste updates blijft Flutter stabiele updates ontvangen op verschillende platforms, waaronder mobiel, desktop en het web. Hoe meer updates er zijn, hoe ingewikkelder het wordt. Navigatie is een grote uitdaging. Bij complexe navigaties breken we vaak ons hoofd, maar dankzij het go router-pakket is het nu net iets eenvoudiger geworden. Het Flutter-team beheert het pakket. Pakketten vereenvoudigen navigatie en het omgaan met deep links door een declaratieve, op URL's gebaseerde API te bieden. Hier kun je meer leren over navigatie en routing.

Verbeteringen aan de VSCode-extensie

We zijn het er allemaal over eens dat de VS Code-extensie „Dart: Add Dependency“ het toevoegen van pakketten van derden aan onze projecten heel eenvoudig maakt. Het tegelijkertijd toevoegen van meerdere pakketten is nu nog eenvoudiger geworden dankzij de mogelijkheid om de namen van de pakketten met een komma te scheiden.

Samenvatting

Het Flutter-team van Google is enorm dankbaar voor de geweldige inzet van de community, die ervoor zorgt dat Flutter is wat het nu is! Terwijl we verder bouwen op het werk dat tot nu toe is verricht, kijken we ernaar uit om ons te richten op wat het belangrijkst is: jullie allemaal!