{"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":"quoi-de-neuf-dans-flutter-3-3-dernieres-fonctionnalites-de-mises-a-jour","status":"publish","type":"post","link":"https:\/\/stage.carmatec.com\/fr_fr\/blog\/quoi-de-neuf-dans-flutter-3-3-dernieres-fonctionnalites-de-mises-a-jour\/","title":{"rendered":"Quoi de neuf dans Flutter 3.3 ?\u00a0:\u00a0derni\u00e8res mises \u00e0 jour et fonctionnalit\u00e9s"},"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<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Faire partie de l\u2019industrie du d\u00e9veloppement en ce moment est une exp\u00e9rience merveilleuse. Le nom du jeu est un changement constant et des mises \u00e0 niveau fr\u00e9quentes. Nous attendons toujours avec impatience les mises \u00e0 jour majeures, et cette fois, nous allons d\u00e9couvrir Flutter.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Si vous \u00eates d\u00e9veloppeur, vous connaissez probablement Flutter \u2013 un <a href=\"https:\/\/www.carmatec.com\/blog\/advantages-of-cross-platform-mobile-app-development\/\">multiplateforme<\/a>, framework open source qui a chang\u00e9 la fa\u00e7on <a href=\"https:\/\/www.carmatec.com\/mobile-app-development-company\/\">application mobile<\/a> ont \u00e9t\u00e9 d\u00e9velopp\u00e9s. Il y a eu une croissance continue de la taille et de l\u2019utilisation de l\u2019\u00e9cosyst\u00e8me. En plus de leur utilisation sur les ordinateurs de bureau et sur le Web, plus de 1 000 applications Flutter sont publi\u00e9es chaque jour sur l&#039;App Store et le Play Store.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La dynamique ne s&#039;est pas ralentie depuis la sortie de Flutter 3.0 il y a trois mois. Flutter continue de s&#039;am\u00e9liorer avec chaque nouvelle version publi\u00e9e par l&#039;\u00e9quipe Flutter.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Une nouvelle version de Flutter a \u00e9t\u00e9 publi\u00e9e \u2013 <a href=\"https:\/\/docs.flutter.dev\/development\/tools\/sdk\/release-notes\/release-notes-3.3.0\">Flutter 3.3<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dans l&#039;article d&#039;aujourd&#039;hui, nous discuterons de la derni\u00e8re mise \u00e0 jour qui apporte une vari\u00e9t\u00e9 d&#039;am\u00e9liorations.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Il y a beaucoup de choses \u00e0 d\u00e9baller \u00e0 chaque nouvelle version. Voici une version peaufin\u00e9e de ce cadre r\u00e9volutionnaire \u00e0 explorer\u00a0!<\/span><\/p>\n<h3><b><br><\/b><p><\/p>\n<\/h3>\n<h2><b>Quoi de neuf dans Flutter 3.3 ?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">\u00c0 Oslo, en Norv\u00e8ge, Flutter Vikings a d\u00e9but\u00e9 le 31 ao\u00fbt avec le <\/span><b>sortie de Flutter 3.3<\/b><span style=\"font-weight: 400;\">. Il comprend un certain nombre de correctifs, de mises \u00e0 niveau et de nouvelles fonctionnalit\u00e9s, notamment des am\u00e9liorations du framework, des performances, de la prise en charge du bureau, de la couche de rendu et de la stabilit\u00e9.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pour votre meilleure compr\u00e9hension, nous allons discuter de chaque am\u00e9lioration en d\u00e9tail en ce qui concerne ses port\u00e9es distinctes. Jetez-y un \u0153il ci-dessous.<\/span><\/p>\n<h4><strong>Une s\u00e9lection \u00e0 l&#039;\u00e9chelle mondiale<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Les applications Web Flutter ne disposent pas de fonctionnalit\u00e9 native permettant aux utilisateurs de s\u00e9lectionner des \u00e9l\u00e9ments d&#039;un seul geste. La situation a chang\u00e9 aujourd&#039;hui avec l&#039;introduction de Flutter 3.3. Nous disposons d\u00e9sormais d&#039;un nouveau widget appel\u00e9 Zone de s\u00e9lection qui facilite grandement la s\u00e9lection d&#039;\u00e9l\u00e9ments dans notre application Web Flutter. Les descendants de cet arbre sont d\u00e9sormais s\u00e9lectionnables. Consultez la documentation de l&#039;API Selection Area pour plus d&#039;informations sur le widget.<\/span><\/p>\n<h4><strong>Entr\u00e9e du trackpad<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Il y a \u00e9galement quelques modifications dans l&#039;entr\u00e9e du trackpad dans Flutter 3.3. Il existe d\u00e9sormais un moyen meilleur et plus rapide de contr\u00f4ler le trackpad. De plus, cela \u00e9limine \u00e9galement les incoh\u00e9rences de d\u00e9filement. Consultez le document partag\u00e9 par l&#039;\u00e9quipe Flutter pour plus d&#039;informations sur les am\u00e9liorations de la saisie du trackpad.<\/span><\/p>\n<h4><strong>Griffonner<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Comment ce serait si <a href=\"https:\/\/www.carmatec.com\/flutter-app-development\/\">Applications de flottement<\/a> pourriez-vous profiter de la saisie Apple Pencil sur votre iPad ? C&#039;est enfin l\u00e0 ! Le m\u00e9rite revient \u00e0 Jami Couch, membre de la communaut\u00e9 Flutter. Sur les widgets comme CupertinoTextField, TextField et EditableText, la fonctionnalit\u00e9 Scribble est activ\u00e9e par d\u00e9faut. La seule chose que vous devez faire est de mettre \u00e0 niveau votre version Flutter vers Flutter 3.3.<\/span><\/p>\n<h4><strong>Saisie de texte<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">La derni\u00e8re version de Flutter propose des mises \u00e0 jour de texte granulaires via TextInputPlugin, qui am\u00e9liore l&#039;\u00e9dition de texte enrichi. Cela permet aux d\u00e9veloppeurs de cr\u00e9er des champs de saisie avec des plages de styles diff\u00e9rents qui s&#039;\u00e9tendent et se contractent \u00e0 mesure que l&#039;utilisateur tape. La d\u00e9mo peut \u00eatre consult\u00e9e ici.<\/span><\/p>\n<h4><strong>Conception mat\u00e9rielle 3\u00a0:<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Les th\u00e8mes Android ont \u00e9volu\u00e9 depuis qu&#039;Android 12 a introduit Material You, un moteur de th\u00e8me dynamique. <a href=\"https:\/\/www.carmatec.com\/learn-technology\/flat-design-vs-material-design-one-choose\/\">Conception mat\u00e9rielle<\/a> est de plus en plus int\u00e9gr\u00e9 au syst\u00e8me d\u2019exploitation Android \u00e0 mesure qu\u2019il se d\u00e9veloppe. D\u00e8s que ces mises \u00e0 jour sont publi\u00e9es, Flutter rattrape son retard. Material Design a \u00e9t\u00e9 modifi\u00e9 dans Flutter 3.3 pour les widgets tels que les variantes IconButton, Chip et AppBar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Les th\u00e8mes Material Design 3 sont progressivement migr\u00e9s vers davantage de widgets. L&#039;avancement du Mat\u00e9riel 3 est disponible sur <a href=\"https:\/\/github.com\/\">GitHub<\/a>.<\/span><\/p>\n<h4><b>Flutter pour le bureau\u00a0:<\/b><\/h4>\n<p><strong>les fen\u00eatres<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Dans le pass\u00e9, vous deviez modifier un fichier sp\u00e9cifique aux applications Windows pour d\u00e9finir la version de votre application de bureau bas\u00e9e sur Flutter. Heureusement, cela a chang\u00e9 aujourd&#039;hui avec la publication d&#039;une mise \u00e0 jour qui facilite la modification du fichier pubspec.yaml pour un projet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En cons\u00e9quence, la version de la plate-forme est \u00e9galement d\u00e9finie en fonction des autres plates-formes. Consultez la documentation Flutter pour plus d&#039;informations sur cette fonctionnalit\u00e9.<\/span><\/p>\n<h4><b>Couche de rendu de nouvelle g\u00e9n\u00e9ration\u00a0: Impeller<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Si vous suivez Flutter depuis sa version b\u00eata, vous connaissez probablement Skia Graphics Engine. Tout Flutter est aliment\u00e9 par le moteur graphique, ce qui le rend capable de fonctionner aussi bien qu&#039;il le fait.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">L&#039;\u00e9quipe Flutter a publi\u00e9 Flutter 3.3, une nouvelle couche de rendu appel\u00e9e Impeller\u00a0; Un runtime capable d&#039;exploiter pleinement les API acc\u00e9l\u00e9r\u00e9es par le mat\u00e9riel comme Metal pour <a href=\"https:\/\/www.carmatec.com\/mobile-app-development-company\/ios-app-development\/\">IOS<\/a> et Vulkan pour <a href=\"https:\/\/www.carmatec.com\/mobile-app-development-company\/android-app-development\/\">Android<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Les applications Flutter proposeront d\u00e9sormais une animation encore plus soyeuse gr\u00e2ce \u00e0 un nouveau moteur graphique. Une bo\u00eete \u00e0 outils multiplateforme sera soumise \u00e0 un niveau plus \u00e9lev\u00e9. De plus, Impeller ne n\u00e9cessite pas de compilation de shaders d&#039;ex\u00e9cution, qui est la principale source de probl\u00e8mes de temps d&#039;image dans nos applications.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pour vous assurer que vous utilisez la derni\u00e8re version de Flutter, passez au canal principal de Flutter afin de pouvoir tester les derni\u00e8res capacit\u00e9s du moteur graphique.<\/span><\/p>\n<h4><strong>Paquets:<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Avec les derni\u00e8res et meilleures mises \u00e0 jour, Flutter continue de recevoir des mises \u00e0 jour stables sur diff\u00e9rentes plates-formes, notamment les mobiles, les ordinateurs de bureau et le Web. Plus il y a de mises \u00e0 jour, plus les choses deviennent compliqu\u00e9es. La navigation est une grande complexit\u00e9. Lorsqu&#039;il s&#039;agit de navigations complexes, on se gratte souvent la t\u00eate, mais gr\u00e2ce au package go router, les choses sont devenues un peu plus faciles. L&#039;\u00e9quipe Flutter g\u00e8re le package. Les packages simplifient la navigation et la gestion des liens profonds en fournissant une API d\u00e9clarative bas\u00e9e sur des URL. La navigation et le routage peuvent \u00eatre appris ici.<\/span><\/p>\n<p><strong>Am\u00e9liorations de l&#039;extension VSCode<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Nous pouvons tous convenir que Dart: Add Dependency VS Code Extension facilite grandement l&#039;ajout de packages tiers \u00e0 nos projets. L&#039;ajout de plusieurs packages en m\u00eame temps vient d&#039;aller plus loin avec la possibilit\u00e9 de s\u00e9parer les noms des packages par une virgule.<\/span><\/p>\n<h3><b>R\u00e9sum\u00e9<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">L&#039;\u00e9quipe Flutter de Google est extr\u00eamement reconnaissante pour le travail formidable que la communaut\u00e9 contribue pour faire de Flutter ce qu&#039;elle est\u00a0! Alors que nous continuons \u00e0 parcourir le travail effectu\u00e9 jusqu\u2019\u00e0 pr\u00e9sent, nous sommes impatients de nous concentrer sur ce qui compte le plus\u00a0: vous tous\u00a0!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\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:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/posts\/34665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/comments?post=34665"}],"version-history":[{"count":17,"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/posts\/34665\/revisions"}],"predecessor-version":[{"id":34799,"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/posts\/34665\/revisions\/34799"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/media\/34708"}],"wp:attachment":[{"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/media?parent=34665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/categories?post=34665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.carmatec.com\/fr_fr\/wp-json\/wp\/v2\/tags?post=34665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}