{"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":"mita-uutta-flutter-3-3-uusimmat-paivitykset-ominaisuudet","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/fi\/blog\/whats-new-in-flutter-3-3-latest-updates-features\/","title":{"rendered":"Mit\u00e4 uutta Flutter 3.3:ssa?: Uusimmat p\u00e4ivitykset ja ominaisuudet"},"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

Kehitysalalla toimiminen t\u00e4ll\u00e4 hetkell\u00e4 on hieno kokemus. Pelin nimi on jatkuva muutos ja usein tapahtuvat p\u00e4ivitykset. Odotamme aina innolla suuria p\u00e4ivityksi\u00e4, ja t\u00e4ll\u00e4 kertaa tutustumme Flutteriin.<\/span><\/p>\n

Jos olet kehitt\u00e4j\u00e4, tied\u00e4t luultavasti Flutterista - a cross-platform<\/a>, avoimen l\u00e4hdekoodin kehys, joka muutti mobiilisovellukset<\/a> kehitettiin. Sek\u00e4 ekosysteemin koko ett\u00e4 k\u00e4ytt\u00f6 ovat jatkuvasti kasvaneet. P\u00f6yt\u00e4koneissa ja verkossa tapahtuvan k\u00e4yt\u00f6n lis\u00e4ksi App Storessa ja Play Storessa julkaistaan p\u00e4ivitt\u00e4in yli 1000 Flutter-sovellusta.<\/span><\/p>\n

Vauhti ei ole hidastunut sen j\u00e4lkeen, kun Flutter 3.0 julkaistiin kolme kuukautta sitten. Flutter paranee jatkuvasti Flutter-tiimin julkaiseman uuden version my\u00f6t\u00e4.<\/span><\/p>\n

Uusi versio Flutterista on julkaistu - Flutter 3.3<\/a>.<\/span><\/p>\n

T\u00e4m\u00e4np\u00e4iv\u00e4isess\u00e4 postauksessa k\u00e4sittelemme uusinta p\u00e4ivityst\u00e4, joka tuo mukanaan useita parannuksia.<\/span><\/p>\n

Jokaisen uuden julkaisun yhteydess\u00e4 on paljon purettavaa. T\u00e4ss\u00e4 on hienos\u00e4\u00e4detty versio t\u00e4st\u00e4 vallankumouksellisesta kehyksest\u00e4, johon voit tutustua!<\/span><\/p>\n


<\/b>

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

Mit\u00e4 uutta Flutter 3.3:ssa on?<\/b><\/h2>\n

Oslossa, Norjassa, Flutter Vikings alkoi 31. elokuuta. <\/span>Flutter 3.3:n julkaisu<\/b>. Se sis\u00e4lt\u00e4\u00e4 useita korjauksia, p\u00e4ivityksi\u00e4 ja uusia ominaisuuksia, kuten parannuksia kehykseen, suorituskykyyn, ty\u00f6p\u00f6yt\u00e4tukeen, renderointikerrokseen ja vakauteen.<\/span><\/p>\n

Jotta ymm\u00e4rt\u00e4isit paremmin, k\u00e4sittelemme kutakin parannusta yksityiskohtaisesti sen eri osa-alueiden osalta. Tutustu niihin j\u00e4ljemp\u00e4n\u00e4.<\/span><\/p>\n

Maailmanlaajuinen valinta<\/strong><\/h4>\n

Flutter-verkkosovelluksissa ei ole natiivia ominaisuutta, jonka avulla k\u00e4ytt\u00e4j\u00e4t voisivat valita elementtej\u00e4 yhdell\u00e4 eleell\u00e4. Tilanne on muuttunut t\u00e4n\u00e4\u00e4n Flutter 3.3:n my\u00f6t\u00e4. Meill\u00e4 on nyt uusi widget nimelt\u00e4 Selection Area, joka tekee elementtien valitsemisesta Flutter-verkkosovelluksessamme paljon helpompaa. T\u00e4m\u00e4n puun j\u00e4lkel\u00e4iset ovat nyt valittavissa. Tutustu Selection Area API -dokumentaatioon saadaksesi lis\u00e4tietoja widgetist\u00e4.<\/span><\/p>\n

Trackpad-sy\u00f6tt\u00f6<\/strong><\/h4>\n

Flutter 3.3:ssa on my\u00f6s joitakin muutoksia ohjauslevyn sy\u00f6tt\u00f6\u00f6n. Trackpadia voi nyt ohjata paremmin ja nopeammin. Lis\u00e4ksi se my\u00f6s poistaa vierityksen ep\u00e4johdonmukaisuudet. Tutustu Flutter-tiimin jakamaan dokumenttiin, josta saat lis\u00e4tietoja trackpad-sy\u00f6t\u00f6n parannuksista.<\/span><\/p>\n

Scribble<\/strong><\/h4>\n

Millaista olisi, jos Flutter-sovellukset<\/a> voisitko hy\u00f6dynt\u00e4\u00e4 Apple Pencil -sy\u00f6tt\u00f6\u00e4 iPadissasi? Se on vihdoin t\u00e4\u00e4ll\u00e4! Kunnianosoitus kuuluu Jami Couchille, Flutter-yhteis\u00f6n j\u00e4senelle. Widgeteiss\u00e4, kuten CupertinoTextField, TextField ja EditableText, Scribble-ominaisuus on oletusarvoisesti k\u00e4yt\u00f6ss\u00e4. Sinun tarvitsee vain p\u00e4ivitt\u00e4\u00e4 Flutter-versiosi Flutter 3.3:een.<\/span><\/p>\n

Tekstinsy\u00f6tt\u00f6<\/strong><\/h4>\n

Flutterin uusin versio tarjoaa rakeisia tekstip\u00e4ivityksi\u00e4 TextInputPluginin avulla, mik\u00e4 parantaa rikkaan tekstin muokkausta. N\u00e4in kehitt\u00e4j\u00e4t voivat luoda sy\u00f6tt\u00f6kentti\u00e4, joissa on eri tyylisi\u00e4 alueita, jotka laajenevat ja supistuvat k\u00e4ytt\u00e4j\u00e4n kirjoittaessa. Demo on n\u00e4ht\u00e4viss\u00e4 t\u00e4\u00e4ll\u00e4.<\/span><\/p>\n

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

Androidin teemoittelu on kehittynyt sen j\u00e4lkeen, kun Android 12 otti k\u00e4ytt\u00f6\u00f6n Material You -dynaamisen teemamoottorin. Materiaalin suunnittelu<\/a> integroituu yh\u00e4 enemm\u00e4n Android-k\u00e4ytt\u00f6j\u00e4rjestelm\u00e4\u00e4n sen kehittyess\u00e4. Heti kun n\u00e4m\u00e4 p\u00e4ivitykset julkaistaan, Flutter saavuttaa sen. Material Designia on muutettu Flutter 3.3:ssa widgetteihin, kuten IconButton-, Chip- ja AppBar-muunnoksiin.<\/span><\/p>\n

Material Design 3 -teemoihin siirret\u00e4\u00e4n v\u00e4hitellen enemm\u00e4n widgettej\u00e4. Material 3:n edistyminen on n\u00e4ht\u00e4viss\u00e4 osoitteessa Github<\/a>.<\/span><\/p>\n

Flutter For Desktop:<\/b><\/h4>\n

Windows<\/strong><\/p>\n

Aiemmin sinun piti muuttaa Windows-sovelluksille ominaista tiedostoa, jotta voit asettaa Flutteriin perustuvan ty\u00f6p\u00f6yt\u00e4sovelluksen version. Onneksi t\u00e4m\u00e4 on t\u00e4n\u00e4\u00e4n muuttunut, kun julkaistiin p\u00e4ivitys, joka helpottaa projektin pubspec.yaml-tiedoston muokkaamista.<\/span><\/p>\n

T\u00e4m\u00e4n seurauksena alustaversio asetetaan my\u00f6s muiden alustojen mukaisesti. Katso lis\u00e4tietoja t\u00e4st\u00e4 ominaisuudesta Flutterin asiakirjoista.<\/span><\/p>\n

Seuraavan sukupolven renderointikerros: Impeller<\/b><\/h4>\n

Jos olet seurannut Flutteria sen beta-ajoista l\u00e4htien, Skia Graphics Engine on todenn\u00e4k\u00f6isesti sinulle tuttu. Koko Flutter toimii grafiikkamoottorin avulla, mink\u00e4 ansiosta se pystyy suoriutumaan niin hyvin kuin se suoriutuu.<\/span><\/p>\n

Flutter Team julkaisi Flutter 3.3, uusi render\u00f6intikerros nimelt\u00e4\u00e4n Impeller; Runtime pystyy t\u00e4ysin hy\u00f6dynt\u00e4m\u00e4\u00e4n laitteistokiihtyvyytt\u00e4 API kuten Metal for iOS<\/a> ja Vulkan Android<\/a>.<\/span><\/p>\n

Flutter-sovelluksissa on nyt entist\u00e4 silkkisemp\u00e4\u00e4 animaatiota uuden grafiikkamoottorin ansiosta. Rajatylitt\u00e4v\u00e4lle ty\u00f6kalupakille asetetaan korkeammat vaatimukset. Lis\u00e4ksi Impeller ei vaadi ajoaikaista shader-kompilaatiota, joka on sovellustemme ruutuaikah\u00e4iri\u00f6iden p\u00e4\u00e4asiallinen l\u00e4hde.<\/span><\/p>\n

Varmistaaksesi, ett\u00e4 k\u00e4yt\u00e4t Flutterin uusinta versiota, vaihda Flutterin p\u00e4\u00e4kanavalle, jotta voit testata uusimman grafiikkamoottorin ominaisuuksia.<\/span><\/p>\n

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

Uusimpien ja parhaiden p\u00e4ivitysten ansiosta Flutter saa edelleen vakaita p\u00e4ivityksi\u00e4 eri alustoille, kuten mobiililaitteille, ty\u00f6p\u00f6yd\u00e4lle ja verkkoon. Mit\u00e4 enemm\u00e4n p\u00e4ivityksi\u00e4 on, sit\u00e4 monimutkaisemmaksi asiat muuttuvat. Navigointi on suuri monimutkaisuus. Kun kyse on monimutkaisesta navigoinnista, raapaisemme usein p\u00e4\u00e4t\u00e4mme, mutta go-router-paketin ansiosta asiat helpottuivat juuri hieman. Flutter-tiimi hallinnoi pakettia. Paketit yksinkertaistavat navigointia ja syvien linkkien k\u00e4sittely\u00e4 tarjoamalla deklaratiivisen, URL-pohjaisen API:n. Navigointia ja reitityst\u00e4 voi opetella t\u00e4\u00e4ll\u00e4.<\/span><\/p>\n

VSCode-laajennuksen parannukset<\/strong><\/p>\n

Voimme kaikki olla samaa mielt\u00e4 siit\u00e4, ett\u00e4 Dart: Add Dependency VS Code Extension tekee kolmansien osapuolten pakettien lis\u00e4\u00e4misest\u00e4 projekteihimme eritt\u00e4in helppoa. Useiden pakettien lis\u00e4\u00e4minen samaan aikaan on juuri mennyt askeleen pidemm\u00e4lle, kun pakettien nimet voidaan erottaa toisistaan pilkulla.<\/span><\/p>\n

Yhteenveto<\/b><\/h3>\n

Googlen Flutter-tiimi on eritt\u00e4in kiitollinen siit\u00e4 valtavasta ty\u00f6st\u00e4, jota yhteis\u00f6 tekee Flutterin kehitt\u00e4miseksi! Kun jatkamme t\u00e4h\u00e4n menness\u00e4 tehdyn ty\u00f6n kehitt\u00e4mist\u00e4, odotamme innolla, ett\u00e4 voimme keskitty\u00e4 siihen, mik\u00e4 on t\u00e4rkeint\u00e4 - teihin kaikkiin!<\/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\/fi\/wp-json\/wp\/v2\/posts\/34665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/comments?post=34665"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/posts\/34665\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/media\/34708"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/media?parent=34665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/categories?post=34665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/tags?post=34665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}