{"id":34665,"date":"2023-02-13T09:00:02","date_gmt":"2023-02-13T09:00:02","guid":{"rendered":"https:\/\/www.carmatec.com\/?p=34665"},"modified":"2023-09-25T05:45:12","modified_gmt":"2023-09-25T05:45:12","slug":"vad-ar-nytt-i-flutter-3-3-senaste-uppdateringar-funktioner","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/sv\/blog\/whats-new-in-flutter-3-3-latest-updates-features\/","title":{"rendered":"Vad \u00e4r nytt i Flutter 3.3?: Senaste uppdateringarna och funktionerna"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Att vara en del av utvecklingsbranschen just nu \u00e4r en fantastisk upplevelse. Spelets namn \u00e4r st\u00e4ndig f\u00f6r\u00e4ndring och frekventa uppgraderingar. Vi ser alltid fram emot st\u00f6rre uppdateringar, och den h\u00e4r g\u00e5ngen ska vi kolla in Flutter.<\/span><\/p>\n

Om du \u00e4r en utvecklare k\u00e4nner du f\u00f6rmodligen till Flutter - ett plattformsoberoende<\/a>, ett ramverk med \u00f6ppen k\u00e4llkod som f\u00f6r\u00e4ndrade s\u00e4ttet mobilappar<\/a> utvecklades. Det har skett en kontinuerlig tillv\u00e4xt i b\u00e5de storlek och anv\u00e4ndning av ekosystemet. Ut\u00f6ver anv\u00e4ndningen p\u00e5 station\u00e4ra datorer och p\u00e5 webben sl\u00e4pps \u00f6ver 1000 Flutter-appar varje dag i App Store och Play Store.<\/span><\/p>\n

Utvecklingen har inte avstannat sedan Flutter 3.0 sl\u00e4pptes f\u00f6r tre m\u00e5nader sedan. Flutter forts\u00e4tter att f\u00f6rb\u00e4ttras med varje ny version som sl\u00e4pps av Flutter-teamet.<\/span><\/p>\n

En ny version av Flutter har sl\u00e4ppts Flutter 3.3<\/a>.<\/span><\/p>\n

I dagens inl\u00e4gg kommer vi att diskutera den senaste uppdateringen som ger en m\u00e4ngd olika f\u00f6rb\u00e4ttringar.<\/span><\/p>\n

Det finns mycket att packa upp med varje ny release. H\u00e4r \u00e4r en finjusterad version av detta revolutionerande ramverk som du kan utforska!<\/span><\/p>\n


<\/b>

<\/p>\n<\/h3>\n

Vad \u00e4r nytt i Flutter 3.3?<\/b><\/h2>\n

I Oslo, Norge, inleddes Flutter Vikings den 31 augusti med <\/span>lansering av Flutter 3.3<\/b>. Den inneh\u00e5ller ett antal korrigeringar, uppgraderingar och nya funktioner, inklusive f\u00f6rb\u00e4ttringar av ramverk, prestanda, skrivbordsst\u00f6d, renderingslager och stabilitet.<\/span><\/p>\n

F\u00f6r att du ska f\u00f6rst\u00e5 b\u00e4ttre kommer vi att diskutera varje f\u00f6rb\u00e4ttring i detalj i f\u00f6rh\u00e5llande till dess olika till\u00e4mpningsomr\u00e5den. Ta en titt p\u00e5 dem nedan.<\/span><\/p>\n

Urval p\u00e5 global niv\u00e5<\/strong><\/h4>\n

Flutters webbappar har inte n\u00e5gon inbyggd funktion som g\u00f6r det m\u00f6jligt f\u00f6r anv\u00e4ndare att v\u00e4lja element med en enda gest. Situationen har f\u00f6r\u00e4ndrats idag i och med introduktionen av Flutter 3.3. Vi har nu en ny widget som heter Selection Area som g\u00f6r det mycket enklare att v\u00e4lja element i v\u00e5r Flutter Web App. \u00c4ttlingarna till detta tr\u00e4d \u00e4r nu valbara. Kolla in API-dokumentationen f\u00f6r Selection Area f\u00f6r mer information om widgeten.<\/span><\/p>\n

Styrplattans inmatning<\/strong><\/h4>\n

Det har ocks\u00e5 gjorts n\u00e5gra \u00e4ndringar i styrplattans inmatning i Flutter 3.3. Det finns nu ett b\u00e4ttre och snabbare s\u00e4tt att styra styrplattan. Dessutom eliminerar det ocks\u00e5 rullningsinkonsistenser. Kolla in dokumentet som delas av Flutter-teamet f\u00f6r mer information om f\u00f6rb\u00e4ttringar av styrplattans inmatning.<\/span><\/p>\n

Skribbla<\/strong><\/h4>\n

Hur skulle det vara om Flutter-applikationer<\/a> kunde dra nytta av Apple Pencil-ing\u00e5ng p\u00e5 din iPad? Nu \u00e4r den \u00e4ntligen h\u00e4r! Krediten g\u00e5r till Jami Couch, en medlem av Flutter Community. P\u00e5 widgets som CupertinoTextField, TextField och EditableText \u00e4r Scribble-funktionen aktiverad som standard. Det enda du beh\u00f6ver g\u00f6ra \u00e4r att uppgradera din Flutter-version till Flutter 3.3.<\/span><\/p>\n

Textinmatning<\/strong><\/h4>\n

Den senaste versionen av Flutter erbjuder granulerade textuppdateringar genom TextInputPlugin, som f\u00f6rb\u00e4ttrar redigering av rik text. Detta g\u00f6r det m\u00f6jligt f\u00f6r utvecklare att skapa inmatningsf\u00e4lt med olika utformade intervall som expanderar och krymper n\u00e4r anv\u00e4ndaren skriver. Demot kan ses h\u00e4r.<\/span><\/p>\n

Material Design 3:<\/strong><\/h4>\n

Android-temat har utvecklats sedan Android 12 introducerade Material You, en dynamisk temamotor. Materialdesign<\/a> blir allt mer integrerat i Android OS i takt med att det utvecklas. S\u00e5 snart dessa uppdateringar sl\u00e4pps kommer Flutter ikapp. Material Design har modifierats i Flutter 3.3 f\u00f6r widgets som IconButton, Chip och AppBar-varianter.<\/span><\/p>\n

Material Design 3-teman migreras gradvis till fler widgetar. Utvecklingen av Material 3 finns tillg\u00e4nglig p\u00e5 Github<\/a>.<\/span><\/p>\n

Flutter f\u00f6r skrivbordet:<\/b><\/h4>\n

F\u00f6nster<\/strong><\/p>\n

Tidigare var du tvungen att \u00e4ndra en fil som var specifik f\u00f6r Windows Applications f\u00f6r att st\u00e4lla in versionen av din Desktop Application baserad p\u00e5 Flutter. Lyckligtvis har det \u00e4ndrats idag med lanseringen av en uppdatering som g\u00f6r det l\u00e4ttare att redigera pubspec.yaml-filen f\u00f6r ett projekt.<\/span><\/p>\n

Som ett resultat av detta st\u00e4lls plattformsversionen in i enlighet med andra plattformar ocks\u00e5. Kolla in Flutter Docs f\u00f6r mer information om den h\u00e4r funktionen.<\/span><\/p>\n

N\u00e4sta generations renderingsskikt: Impeller<\/b><\/h4>\n

Om du har f\u00f6ljt Flutter sedan betadagarna \u00e4r du f\u00f6rmodligen bekant med Skia Graphics Engine. Hela Flutter drivs av grafikmotorn, vilket g\u00f6r att den kan prestera s\u00e5 bra som den g\u00f6r.<\/span><\/p>\n

Flutter-teamet sl\u00e4ppte Flutter 3.3, ett nytt renderingslager som heter Impeller; En runtime som fullt ut kan utnyttja h\u00e5rdvaruaccelererade API:er som Metal f\u00f6r iOS<\/a> och Vulkan f\u00f6r Android<\/a>.<\/span><\/p>\n

Flutter-applikationer kommer nu att f\u00e5 \u00e4nnu snyggare animeringar tack vare en ny grafikmotor. En verktygsl\u00e5da f\u00f6r flera plattformar kommer att h\u00e5lla en h\u00f6gre standard. Dessutom kr\u00e4ver Impeller inte shaderkompilering under k\u00f6rning, vilket \u00e4r den fr\u00e4msta orsaken till att v\u00e5ra appar f\u00e5r s\u00e4mre bildtid.<\/span><\/p>\n

F\u00f6r att s\u00e4kerst\u00e4lla att du k\u00f6r den senaste versionen av Flutter b\u00f6r du byta till Flutters masterkanal s\u00e5 att du kan testa den senaste grafikmotorns kapacitet.<\/span><\/p>\n

Paket:<\/strong><\/h4>\n

Med de senaste och b\u00e4sta uppdateringarna forts\u00e4tter Flutter att f\u00e5 stabila uppdateringar p\u00e5 olika plattformar, inklusive mobil, skrivbord och webb. Ju fler uppdateringar som g\u00f6rs, desto mer komplicerat blir det. Navigering \u00e4r en stor komplexitet. N\u00e4r det g\u00e4ller 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\u00f6renklar navigering och hantering av djupl\u00e4nkar genom att tillhandah\u00e5lla ett deklarativt, URL-baserat API. Navigering och routing kan du l\u00e4ra dig h\u00e4r.<\/span><\/p>\n

F\u00f6rb\u00e4ttringar av VSCode-till\u00e4gget<\/strong><\/p>\n

Vi kan alla h\u00e5lla med om att Dart: Add Dependency VS Code Extension g\u00f6r det mycket enkelt att l\u00e4gga till tredjepartspaket i v\u00e5ra projekt. Att l\u00e4gga till flera paket samtidigt har just g\u00e5tt ett steg l\u00e4ngre med m\u00f6jligheten att separera namnen p\u00e5 paketen med ett kommatecken.<\/span><\/p>\n

Sammanfattning<\/b><\/h3>\n

Googles Flutter-team \u00e4r oerh\u00f6rt tacksamma f\u00f6r det enorma arbete som communityn bidrar med f\u00f6r att g\u00f6ra Flutter till vad det \u00e4r! N\u00e4r vi forts\u00e4tter att iterera p\u00e5 det arbete som gjorts hittills ser vi fram emot att fokusera p\u00e5 det som betyder mest - alla ni!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Being a part of the development industry at this time is a wonderful experience. The name of the game is constant change and frequent upgrades. We always look forward to major updates, and this time, we’ll be checking out Flutter. If you are a developer, you probably know about Flutter – a cross-platform, open-source framework […]<\/p>\n","protected":false},"author":1,"featured_media":34708,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,70,7],"tags":[],"class_list":["post-34665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-flutter","category-mobile-app-development"],"_links":{"self":[{"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/posts\/34665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/comments?post=34665"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/posts\/34665\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/media\/34708"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/media?parent=34665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/categories?post=34665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/sv\/wp-json\/wp\/v2\/tags?post=34665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}