Vad är nytt i Flutter 3.3?: Senaste uppdateringarna och funktionerna

Att vara en del av utvecklingsbranschen just nu är en fantastisk upplevelse. Spelets namn är ständig förändring och frekventa uppgraderingar. Vi ser alltid fram emot större uppdateringar, och den här gången ska vi kolla in Flutter.

Om du är en utvecklare känner du förmodligen till Flutter - ett plattformsoberoende, ett ramverk med öppen källkod som förändrade sättet mobilappar utvecklades. Det har skett en kontinuerlig tillväxt i både storlek och användning av ekosystemet. Utöver användningen på stationära datorer och på webben släpps över 1000 Flutter-appar varje dag i App Store och Play Store.

Utvecklingen har inte avstannat sedan Flutter 3.0 släpptes för tre månader sedan. Flutter fortsätter att förbättras med varje ny version som släpps av Flutter-teamet.

En ny version av Flutter har släppts Flutter 3.3.

I dagens inlägg kommer vi att diskutera den senaste uppdateringen som ger en mängd olika förbättringar.

Det finns mycket att packa upp med varje ny release. Här är en finjusterad version av detta revolutionerande ramverk som du kan utforska!

Vad är nytt i Flutter 3.3?

I Oslo, Norge, inleddes Flutter Vikings den 31 augusti med lansering av Flutter 3.3. Den innehåller ett antal korrigeringar, uppgraderingar och nya funktioner, inklusive förbättringar av ramverk, prestanda, skrivbordsstöd, renderingslager och stabilitet.

För att du ska förstå bättre kommer vi att diskutera varje förbättring i detalj i förhållande till dess olika tillämpningsområden. Ta en titt på dem nedan.

Urval på global nivå

Flutters webbappar har inte någon inbyggd funktion som gör det möjligt för användare att välja element med en enda gest. Situationen har förändrats idag i och med introduktionen av Flutter 3.3. Vi har nu en ny widget som heter Selection Area som gör det mycket enklare att välja element i vår Flutter Web App. Ättlingarna till detta träd är nu valbara. Kolla in API-dokumentationen för Selection Area för mer information om widgeten.

Styrplattans inmatning

Det har också gjorts några ändringar i styrplattans inmatning i Flutter 3.3. Det finns nu ett bättre och snabbare sätt att styra styrplattan. Dessutom eliminerar det också rullningsinkonsistenser. Kolla in dokumentet som delas av Flutter-teamet för mer information om förbättringar av styrplattans inmatning.

Skribbla

Hur skulle det vara om Flutter-applikationer kunde dra nytta av Apple Pencil-ingång på din iPad? Nu är den äntligen här! Krediten går till Jami Couch, en medlem av Flutter Community. På widgets som CupertinoTextField, TextField och EditableText är Scribble-funktionen aktiverad som standard. Det enda du behöver göra är att uppgradera din Flutter-version till Flutter 3.3.

Textinmatning

Den senaste versionen av Flutter erbjuder granulerade textuppdateringar genom TextInputPlugin, som förbättrar redigering av rik text. Detta gör det möjligt för utvecklare att skapa inmatningsfält med olika utformade intervall som expanderar och krymper när användaren skriver. Demot kan ses här.

Material Design 3:

Android-temat har utvecklats sedan Android 12 introducerade Material You, en dynamisk temamotor. Materialdesign blir allt mer integrerat i Android OS i takt med att det utvecklas. Så snart dessa uppdateringar släpps kommer Flutter ikapp. Material Design har modifierats i Flutter 3.3 för widgets som IconButton, Chip och AppBar-varianter.

Material Design 3-teman migreras gradvis till fler widgetar. Utvecklingen av Material 3 finns tillgänglig på Github.

Flutter för skrivbordet:

Fönster

Tidigare var du tvungen att ändra en fil som var specifik för Windows Applications för att ställa in versionen av din Desktop Application baserad på Flutter. Lyckligtvis har det ändrats idag med lanseringen av en uppdatering som gör det lättare att redigera pubspec.yaml-filen för ett projekt.

Som ett resultat av detta ställs plattformsversionen in i enlighet med andra plattformar också. Kolla in Flutter Docs för mer information om den här funktionen.

Nästa generations renderingsskikt: Impeller

Om du har följt Flutter sedan betadagarna är du förmodligen bekant med Skia Graphics Engine. Hela Flutter drivs av grafikmotorn, vilket gör att den kan prestera så bra som den gör.

Flutter-teamet släppte Flutter 3.3, ett nytt renderingslager som heter Impeller; En runtime som fullt ut kan utnyttja hårdvaruaccelererade API:er som Metal för iOS och Vulkan för Android.

Flutter-applikationer kommer nu att få ännu snyggare animeringar tack vare en ny grafikmotor. En verktygslåda för flera plattformar kommer att hålla en högre standard. Dessutom kräver Impeller inte shaderkompilering under körning, vilket är den främsta orsaken till att våra appar får sämre bildtid.

För att säkerställa att du kör den senaste versionen av Flutter bör du byta till Flutters masterkanal så att du kan testa den senaste grafikmotorns kapacitet.

Paket:

Med de senaste och bästa uppdateringarna fortsätter Flutter att få stabila uppdateringar på olika plattformar, inklusive mobil, skrivbord och webb. Ju fler uppdateringar som görs, desto mer komplicerat blir det. Navigering är en stor komplexitet. När det gäller komplexa navigationer kliar vi oss ofta i huvudet, men tack vare go router-paketet blev saker och ting just lite enklare. Flutter-teamet hanterar paketet. Paket förenklar navigering och hantering av djuplänkar genom att tillhandahålla ett deklarativt, URL-baserat API. Navigering och routing kan du lära dig här.

Förbättringar av VSCode-tillägget

Vi kan alla hålla med om att Dart: Add Dependency VS Code Extension gör det mycket enkelt att lägga till tredjepartspaket i våra projekt. Att lägga till flera paket samtidigt har just gått ett steg längre med möjligheten att separera namnen på paketen med ett kommatecken.

Sammanfattning

Googles Flutter-team är oerhört tacksamma för det enorma arbete som communityn bidrar med för att göra Flutter till vad det är! När vi fortsätter att iterera på det arbete som gjorts hittills ser vi fram emot att fokusera på det som betyder mest - alla ni!