{"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":"que-hay-de-nuevo-en-flutter-3-3-ultimas-actualizaciones-caracteristicas","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/es\/blog\/whats-new-in-flutter-3-3-latest-updates-features\/","title":{"rendered":"\u00bfQu\u00e9 hay de nuevo en Flutter 3.3?: \u00daltimas actualizaciones y caracter\u00edsticas"},"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;\">Ser parte de la industria del desarrollo en este momento es una experiencia maravillosa. El nombre del juego es cambio constante y actualizaciones frecuentes. Siempre esperamos actualizaciones importantes y esta vez revisaremos Flutter.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Si eres desarrollador, probablemente conozcas Flutter, un <a href=\"https:\/\/www.carmatec.com\/es\/blog\/ventajas-del-desarrollo-de-aplicaciones-moviles-multiplataforma\/\">multiplataforma<\/a>, marco de c\u00f3digo abierto que cambi\u00f3 la forma <a href=\"https:\/\/www.carmatec.com\/es\/empresa-de-desarrollo-de-aplicaciones-moviles\/\">aplicaciones m\u00f3viles<\/a> fueron desarrollados. Ha habido un crecimiento continuo tanto en el tama\u00f1o como en el uso del ecosistema. Adem\u00e1s del uso en computadoras de escritorio y en la web, cada d\u00eda se lanzan m\u00e1s de 1000 aplicaciones de Flutter en App Store y Play Store.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El impulso no ha disminuido desde el lanzamiento de Flutter 3.0 hace tres meses. Flutter sigue mejorando con cada nueva versi\u00f3n lanzada por el equipo de Flutter.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se ha lanzado una nueva versi\u00f3n de Flutter: <a href=\"https:\/\/docs.flutter.dev\/development\/tools\/sdk\/release-notes\/release-notes-3.3.0\">Aleteo 3.3<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En la publicaci\u00f3n de hoy, discutiremos la \u00faltima actualizaci\u00f3n que trae una variedad de mejoras.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hay mucho que desempacar con cada nuevo lanzamiento. \u00a1Aqu\u00ed tienes una versi\u00f3n mejorada de este marco revolucionario para que la explores!<\/span><\/p>\n<h3><b><br><\/b><p><\/p>\n<\/h3>\n<h2><b>\u00bfQu\u00e9 hay de nuevo en Flutter 3.3?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">En Oslo, Noruega, Flutter Vikings comenz\u00f3 el 31 de agosto, con el <\/span><b>lanzamiento de Flutter 3.3<\/b><span style=\"font-weight: 400;\">. Incluye una serie de correcciones, actualizaciones y nuevas funciones, incluidas mejoras en el marco, el rendimiento, la compatibilidad con el escritorio, la capa de renderizado y la estabilidad.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para su mejor comprensi\u00f3n, analizaremos cada mejora en detalle en relaci\u00f3n con sus distintos alcances. \u00c9chales un vistazo a continuaci\u00f3n.<\/span><\/p>\n<h4><strong>Selecci\u00f3n a escala global<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Las aplicaciones web Flutter no tienen una funci\u00f3n nativa que permita a los usuarios seleccionar elementos con un solo gesto. La situaci\u00f3n ha cambiado hoy con la introducci\u00f3n de Flutter 3.3. Ahora tenemos un nuevo widget llamado \u00c1rea de selecci\u00f3n que facilita mucho la selecci\u00f3n de elementos en nuestra aplicaci\u00f3n web Flutter. Los descendientes de este \u00e1rbol ahora se pueden seleccionar. Consulte la documentaci\u00f3n de la API del \u00e1rea de selecci\u00f3n para obtener m\u00e1s informaci\u00f3n sobre el widget.<\/span><\/p>\n<h4><strong>Entrada del panel t\u00e1ctil<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Tambi\u00e9n hay algunos cambios en la entrada del trackpad en Flutter 3.3. Ahora existe una forma mejor y m\u00e1s r\u00e1pida de controlar el trackpad. Adem\u00e1s, tambi\u00e9n elimina las inconsistencias en el desplazamiento. Consulte el documento compartido por el equipo de Flutter para obtener m\u00e1s informaci\u00f3n sobre las mejoras en la entrada del trackpad.<\/span><\/p>\n<h4><strong>Escribiendo<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">\u00bfC\u00f3mo ser\u00eda si <a href=\"https:\/\/www.carmatec.com\/es\/desarrollo-de-aplicaciones-flutter\/\">Aplicaciones de aleteo<\/a> \u00bfPodr\u00edas aprovechar la entrada del Apple Pencil en tu iPad? \u00a1Finalmente est\u00e1 aqu\u00ed! El cr\u00e9dito es para Jami Couch, miembro de la comunidad Flutter. En widgets como CupertinoTextField, TextField y EditableText, la funci\u00f3n Scribble est\u00e1 habilitada de forma predeterminada. Lo \u00fanico que debes hacer es actualizar tu versi\u00f3n de Flutter a Flutter 3.3.<\/span><\/p>\n<h4><strong>Entrada de texto<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">La \u00faltima versi\u00f3n de Flutter ofrece actualizaciones de texto granulares a trav\u00e9s de TextInputPlugin, lo que mejora la edici\u00f3n de texto enriquecido. Esto permite a los desarrolladores crear campos de entrada con diferentes rangos de estilos que se expanden y contraen a medida que el usuario escribe. La demostraci\u00f3n se puede ver aqu\u00ed.<\/span><\/p>\n<h4><strong>Dise\u00f1o de materiales 3:<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">La tem\u00e1tica de Android ha evolucionado desde que Android 12 introdujo Material You, un motor de temas din\u00e1mico. <a href=\"https:\/\/www.carmatec.com\/es\/aprender-tecnologia\/diseno-plano-versus-diseno-de-materiales-uno-elige\/\">Dise\u00f1o de materiales<\/a> se est\u00e1 integrando cada vez m\u00e1s en el sistema operativo Android a medida que se desarrolla. Tan pronto como se lanzan esas actualizaciones, Flutter se pone al d\u00eda. Material Design se ha modificado en Flutter 3.3 para widgets como las variantes IconButton, Chip y AppBar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Los temas de Material Design 3 se est\u00e1n migrando gradualmente a m\u00e1s widgets. El progreso del Material 3 est\u00e1 disponible en <a href=\"https:\/\/github.com\/\">GitHub<\/a>.<\/span><\/p>\n<h4><b>Flutter para escritorio:<\/b><\/h4>\n<p><strong>ventanas<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">En el pasado, ten\u00edas que cambiar un archivo espec\u00edfico de las aplicaciones de Windows para configurar la versi\u00f3n de tu aplicaci\u00f3n de escritorio basada en Flutter. Afortunadamente, eso ha cambiado hoy con el lanzamiento de una actualizaci\u00f3n que facilita la edici\u00f3n del archivo pubspec.yaml para un proyecto.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Como resultado, la versi\u00f3n de la plataforma tambi\u00e9n se configura de acuerdo con otras plataformas. Consulte Flutter Docs para obtener m\u00e1s informaci\u00f3n sobre esta funci\u00f3n.<\/span><\/p>\n<h4><b>Capa de renderizado de pr\u00f3xima generaci\u00f3n: Impeller<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Si has seguido Flutter desde sus d\u00edas beta, probablemente est\u00e9s familiarizado con Skia Graphics Engine. Todo Flutter funciona con el motor de gr\u00e1ficos, lo que lo hace capaz de funcionar tan bien como lo hace.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El equipo Flutter lanz\u00f3 Flutter 3.3, una nueva capa de renderizado llamada Impeller; Un tiempo de ejecuci\u00f3n capaz de explotar al m\u00e1ximo las API aceleradas por hardware como Metal para <a href=\"https:\/\/www.carmatec.com\/es\/empresa-de-desarrollo-de-aplicaciones-moviles\/desarrollo-de-aplicaciones-ios\/\">iOS<\/a> y Vulkan para <a href=\"https:\/\/www.carmatec.com\/es\/empresa-de-desarrollo-de-aplicaciones-moviles\/desarrollo-de-aplicaciones-android\/\">Androide<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Las aplicaciones Flutter ahora presentar\u00e1n animaciones a\u00fan m\u00e1s sedosas gracias a un nuevo motor gr\u00e1fico. Un conjunto de herramientas multiplataforma se mantendr\u00e1 a un nivel m\u00e1s alto. Adem\u00e1s, Impeller no requiere la compilaci\u00f3n del sombreador en tiempo de ejecuci\u00f3n, que es la principal fuente de bloqueos en el tiempo de fotograma en nuestras aplicaciones.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para asegurarse de que est\u00e1 ejecutando la \u00faltima versi\u00f3n de Flutter, cambie al canal maestro de Flutter para que pueda probar las \u00faltimas capacidades del motor gr\u00e1fico.<\/span><\/p>\n<h4><strong>Paquetes:<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">Con las \u00faltimas y mejores actualizaciones, Flutter contin\u00faa obteniendo actualizaciones estables en diferentes plataformas, incluidas dispositivos m\u00f3viles, computadoras de escritorio y la web. Cuantas m\u00e1s actualizaciones hay, m\u00e1s complicadas se vuelven las cosas. La navegaci\u00f3n es una gran complejidad. Cuando se trata de navegaciones complejas, a menudo nos rascamos la cabeza, pero gracias al paquete go router, las cosas se han vuelto un poco m\u00e1s f\u00e1ciles. El equipo Flutter gestiona el paquete. Los paquetes simplifican la navegaci\u00f3n y el manejo de enlaces profundos al proporcionar una API declarativa basada en URL. Aqu\u00ed se puede aprender a navegar y enrutar.<\/span><\/p>\n<p><strong>Mejoras en la extensi\u00f3n VSCode<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Todos podemos estar de acuerdo en que Dart: Add Dependency VS Code Extension hace que agregar paquetes de terceros a nuestros proyectos sea muy f\u00e1cil. Agregar varios paquetes al mismo tiempo ha ido un paso m\u00e1s all\u00e1 con la capacidad de separar los nombres de los paquetes con una coma.<\/span><\/p>\n<h3><b>Resumen<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u00a1El equipo de Flutter de Google est\u00e1 extremadamente agradecido por el tremendo trabajo que la comunidad contribuye para hacer de Flutter lo que es! A medida que continuamos repitiendo el trabajo realizado hasta ahora, esperamos centrarnos en lo que m\u00e1s importa: \u00a1todos ustedes!<\/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\/es\/wp-json\/wp\/v2\/posts\/34665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/es\/wp-json\/wp\/v2\/comments?post=34665"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/es\/wp-json\/wp\/v2\/posts\/34665\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/es\/wp-json\/wp\/v2\/media\/34708"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/es\/wp-json\/wp\/v2\/media?parent=34665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/es\/wp-json\/wp\/v2\/categories?post=34665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/es\/wp-json\/wp\/v2\/tags?post=34665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}