{"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":"was-ist-neu-in-flutter-3-3-neueste-update-funktionen","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/de\/blog\/whats-new-in-flutter-3-3-latest-updates-features\/","title":{"rendered":"Was ist neu in Flutter 3.3?: Neueste Updates und Funktionen"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"34665\" class=\"elementor elementor-34665\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae10dfb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae10dfb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-33da3ec\" data-id=\"33da3ec\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3384ef5 elementor-widget elementor-widget-text-editor\" data-id=\"3384ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">In dieser Zeit Teil der Entwicklungsbranche zu sein, ist eine wunderbare Erfahrung. St\u00e4ndiger Wandel und h\u00e4ufige Upgrades sind die Devise. Wir freuen uns immer auf gro\u00dfe Updates und dieses Mal werden wir uns Flutter ansehen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Wenn Sie Entwickler sind, kennen Sie wahrscheinlich Flutter \u2013 a <a href=\"https:\/\/www.carmatec.com\/de\/blog\/vorteile-der-plattformubergreifenden-entwicklung-mobiler-apps\/\">plattform\u00fcbergreifend<\/a>, Open-Source-Framework, das die Art und Weise ver\u00e4ndert hat <a href=\"https:\/\/www.carmatec.com\/de\/unternehmen-fur-die-entwicklung-mobiler-apps\/\">mobile Apps<\/a> wurden entwickelt. Sowohl die Gr\u00f6\u00dfe als auch die Nutzung des \u00d6kosystems haben kontinuierlich zugenommen. Zus\u00e4tzlich zur Verwendung auf Desktops und im Web werden t\u00e4glich \u00fcber 1000 Flutter-Apps im App Store und Play Store ver\u00f6ffentlicht.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Die Dynamik hat seit der Ver\u00f6ffentlichung von Flutter 3.0 vor drei Monaten nicht nachgelassen. Flutter verbessert sich mit jeder neuen Version, die vom Flutter-Team ver\u00f6ffentlicht wird.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Eine neue Version von Flutter wurde ver\u00f6ffentlicht \u2013 <a href=\"https:\/\/docs.flutter.dev\/development\/tools\/sdk\/release-notes\/release-notes-3.3.0\">Flattern 3.3<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Im heutigen Beitrag besprechen wir das neueste Update, das eine Reihe von Verbesserungen mit sich bringt.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bei jeder neuen Ver\u00f6ffentlichung gibt es viel zu entpacken. Hier ist eine verfeinerte Version dieses revolution\u00e4ren Frameworks, die Sie erkunden k\u00f6nnen!<\/span><\/p>\n<h3><b><br><\/b><p><\/p>\n<\/h3>\n<h2><b>Was ist neu in Flutter 3.3?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">In Oslo, Norwegen, begannen Flutter Vikings am 31. August mit dem <\/span><b>Ver\u00f6ffentlichung von Flutter 3.3<\/b><span style=\"font-weight: 400;\">. Es enth\u00e4lt eine Reihe von Korrekturen, Upgrades und neuen Funktionen, darunter Verbesserungen des Frameworks, der Leistung, der Desktop-Unterst\u00fctzung, der Rendering-Ebene und der Stabilit\u00e4t.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Zum besseren Verst\u00e4ndnis werden wir jede Verbesserung im Detail in Bezug auf ihren jeweiligen Umfang besprechen. Schauen Sie sich diese unten an.<\/span><\/p>\n<h4><strong>Auswahl auf globaler Ebene<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Flutter-Web-Apps verf\u00fcgen nicht \u00fcber eine native Funktion, die es Benutzern erm\u00f6glicht, Elemente mit einer einzigen Geste auszuw\u00e4hlen. Die Situation hat sich heute mit der Einf\u00fchrung von Flutter 3.3 ge\u00e4ndert. Wir haben jetzt ein neues Widget namens Selection Area, das die Auswahl von Elementen in unserer Flutter Web App viel einfacher macht. Die Nachkommen dieses Baums sind jetzt w\u00e4hlbar. Weitere Informationen zum Widget finden Sie in der Dokumentation zur Selection Area API.<\/span><\/p>\n<h4><strong>Trackpad-Eingabe<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Es gibt auch einige \u00c4nderungen an der Trackpad-Eingabe in Flutter 3.3. Es gibt jetzt eine bessere und schnellere M\u00f6glichkeit, das Trackpad zu steuern. Dar\u00fcber hinaus werden Inkonsistenzen beim Scrollen vermieden. Weitere Informationen zu Verbesserungen der Trackpad-Eingabe finden Sie im Dokument des Flutter-Teams.<\/span><\/p>\n<h4><strong>Kritzeln<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Wie w\u00e4re es, wenn <a href=\"https:\/\/www.carmatec.com\/de\/entwicklung-einer-flatter-app\/\">Flutter-Anwendungen<\/a> K\u00f6nnten Sie die Apple Pencil-Eingabe auf Ihrem iPad nutzen? Es ist endlich da! Der Dank geht an Jami Couch, ein Mitglied der Flutter Community. Bei Widgets wie CupertinoTextField, TextField und EditableText ist die Scribble-Funktion standardm\u00e4\u00dfig aktiviert. Sie m\u00fcssen lediglich Ihre Flutter-Version auf Flutter 3.3 aktualisieren.<\/span><\/p>\n<h4><strong>Text Eingabe<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Die neueste Version von Flutter bietet granulare Textaktualisierungen \u00fcber TextInputPlugin, was die Rich-Text-Bearbeitung verbessert. Dadurch k\u00f6nnen Entwickler Eingabefelder mit unterschiedlich gestalteten Bereichen erstellen, die sich je nach Eingabe des Benutzers erweitern und verkleinern. Die Demo kann hier angesehen werden.<\/span><\/p>\n<h4><strong>Materialdesign 3:<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Das Android-Design hat sich weiterentwickelt, seit Android 12 Material You, eine dynamische Theme-Engine, eingef\u00fchrt hat. <a href=\"https:\/\/www.carmatec.com\/de\/technik-lernen\/flaches-design-vs-materialdesign-eine-wahl\/\">Material Design<\/a> wird im Laufe der Entwicklung immer st\u00e4rker in das Android-Betriebssystem integriert. Sobald diese Updates ver\u00f6ffentlicht werden, holt Flutter auf. Material Design wurde in Flutter 3.3 f\u00fcr Widgets wie IconButton-, Chip- und AppBar-Varianten ge\u00e4ndert.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Material Design 3-Themen werden nach und nach auf weitere Widgets migriert. Der Fortschritt von Material 3 ist auf verf\u00fcgbar <a href=\"https:\/\/github.com\/\">Github<\/a>.<\/span><\/p>\n<h4><b>Flattern f\u00fcr den Desktop:<\/b><\/h4>\n<p><strong>Windows<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">In der Vergangenheit mussten Sie eine Datei \u00e4ndern, die speziell f\u00fcr Windows-Anwendungen galt, um die Version Ihrer Desktop-Anwendung basierend auf Flutter festzulegen. Gl\u00fccklicherweise hat sich das heute mit der Ver\u00f6ffentlichung eines Updates ge\u00e4ndert, das die Bearbeitung der pubspec.yaml-Datei f\u00fcr ein Projekt erleichtert.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dadurch wird die Plattformversion auch in \u00dcbereinstimmung mit anderen Plattformen eingestellt. Weitere Informationen zu dieser Funktion finden Sie in den Flutter-Dokumenten.<\/span><\/p>\n<h4><b>Rendering-Ebene der n\u00e4chsten Generation: Impeller<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Wenn Sie Flutter seit den Beta-Tagen verfolgen, sind Sie wahrscheinlich mit der Skia Graphics Engine vertraut. Flutter wird vollst\u00e4ndig von der Grafik-Engine angetrieben, wodurch es genauso leistungsf\u00e4hig ist.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Das Flutter-Team hat Flutter 3.3 ver\u00f6ffentlicht, eine neue Rendering-Ebene namens Impeller; Eine Laufzeit, die in der Lage ist, hardwarebeschleunigte APIs wie Metal f\u00fcr vollst\u00e4ndig zu nutzen <a href=\"https:\/\/www.carmatec.com\/de\/unternehmen-fur-die-entwicklung-mobiler-apps\/ios-app-entwicklung\/\">iOS<\/a> und Vulkan f\u00fcr <a href=\"https:\/\/www.carmatec.com\/de\/unternehmen-fur-die-entwicklung-mobiler-apps\/android-app-entwicklung\/\">Android<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Flutter-Anwendungen bieten dank einer neuen Grafik-Engine jetzt noch seidigere Animationen. Ein plattform\u00fcbergreifendes Toolkit wird auf einem h\u00f6heren Niveau gehalten. Dar\u00fcber hinaus erfordert Impeller keine Laufzeit-Shader-Kompilierung, die die Hauptursache f\u00fcr Frame-Time-Jacks in unseren Apps darstellt.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Um sicherzustellen, dass Sie die neueste Version von Flutter verwenden, wechseln Sie zum Master-Kanal von Flutter, damit Sie die neuesten Funktionen der Grafik-Engine testen k\u00f6nnen.<\/span><\/p>\n<h4><strong>Pakete:<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Mit den neuesten und besten Updates erh\u00e4lt Flutter weiterhin stabile Updates auf verschiedenen Plattformen, einschlie\u00dflich Mobilger\u00e4ten, Desktops und dem Web. Je mehr Updates es gibt, desto komplizierter wird es. Navigation ist eine gro\u00dfe Komplexit\u00e4t. Wenn es um komplexe Navigationen geht, r\u00e4tseln wir oft, aber dank des Go-Router-Pakets ist die Sache jetzt etwas einfacher. Das Flutter-Team verwaltet das Paket. Pakete vereinfachen die Navigation und den Umgang mit Deep Links, indem sie eine deklarative, URL-basierte API bereitstellen. Navigieren und Routing kann hier erlernt werden.<\/span><\/p>\n<p><strong>Verbesserungen an der VSCode-Erweiterung<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Wir sind uns alle einig, dass Dart: Add Dependency VS Code Extension das Hinzuf\u00fcgen von Paketen von Drittanbietern zu unseren Projekten sehr einfach macht. Das gleichzeitige Hinzuf\u00fcgen mehrerer Pakete geht mit der M\u00f6glichkeit, die Namen der Pakete durch ein Komma zu trennen, noch einen Schritt weiter.<\/span><\/p>\n<h3><b>Zusammenfassung<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Das Flutter-Team von Google ist \u00e4u\u00dferst dankbar f\u00fcr die enorme Arbeit, die die Community leistet, um Flutter zu dem zu machen, was es ist! W\u00e4hrend wir die bisher geleistete Arbeit weiter ausarbeiten, freuen wir uns darauf, uns auf das Wesentliche zu konzentrieren \u2013 Sie alle!<\/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":"<p>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&#8217;ll be checking out Flutter. If you are a developer, you probably know about Flutter &#8211; a cross-platform, open-source framework [&hellip;]<\/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\/de\/wp-json\/wp\/v2\/posts\/34665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/comments?post=34665"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/posts\/34665\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/media\/34708"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/media?parent=34665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/categories?post=34665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/de\/wp-json\/wp\/v2\/tags?post=34665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}