{"id":7702,"date":"2023-12-08T11:27:29","date_gmt":"2023-12-08T11:27:29","guid":{"rendered":"https:\/\/dianapps.com\/blog\/?p=7702"},"modified":"2023-12-08T11:28:12","modified_gmt":"2023-12-08T11:28:12","slug":"whats-new-in-flutter-3-16-version","status":"publish","type":"post","link":"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/","title":{"rendered":"What\u2019s New in Flutter 3.16 Version"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Another month, another Google\u2019s exciting update awaits!\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Flutter, the open-source cross-platform app development platform has released its 3.16 version. This update sets Material 3 as the new default theme, welcomes a preview of Impeller to Android 14, enables mobile app developers to integrate extensions for DevTools, and so much more.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The best part? Game developers will love these significant updates in the Flutter Casual Games Toolkit!\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Experts are calling 3.16 a big update of the year. Because this new version pivots faster development and better-looking <\/span><a href=\"https:\/\/dianapps.com\/\"><b>mobile app development<\/b><\/a><span style=\"font-weight: 400;\"> experiences.\u00a0<\/span><\/p>\n<h1><span class=\"ez-toc-section\" id=\"Check-Out-New-Flutter-316-Updates\"><\/span><span style=\"font-weight: 400;\">Check Out New Flutter 3.16 Updates<\/span><span class=\"ez-toc-section-end\"><\/span><\/h1>\n<h3><span class=\"ez-toc-section\" id=\"1-Material-3-Default\"><\/span><span style=\"font-weight: 400;\">1. Material 3 Default<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-7706 size-large\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image.jpg-1024x627.png\" alt=\"\" width=\"1024\" height=\"627\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image.jpg-1024x627.png 1024w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image.jpg-768x470.png 768w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image.jpg-640x392.png 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image.jpg-400x245.png 400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">In the previous <\/span><a href=\"https:\/\/dianapps.com\/blog\/will-the-flutter-3-13-update-fulfil-the-needs-of-the-developer-community\/\"><span style=\"font-weight: 400;\">Flutter 3.13 update<\/span><\/a><span style=\"font-weight: 400;\"> from August 2023, a redesign of the material design was implemented, bringing in new elements and concepts. Rather than sticking with Material 2, the default style now supports Material 3. It&#8217;s important to remember that Material 2 won&#8217;t be available forever, even though you may use it for the time being by changing the settings.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The new widgets in this version may change the way your app looks. To check out Material 3 features, <\/span><b>Flutter app development services<\/b><span style=\"font-weight: 400;\"> offer a demo app, although you might have to manually switch between these widgets.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You may customize Material 3&#8217;s look by customizing its text themes and colours within your application. With the help of specialized tools, you can quickly build bespoke colour schemes for a contemporary appearance and the newest UI updates.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"2-Updates-for-the-Selection-Area\"><\/span><span style=\"font-weight: 400;\">2. Updates for the Selection Area<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The SelectionArea in Flutter has been modified to accommodate the inbuilt motions linked to mouse clicks, either single or double, and touch device long presses. By default, SelectionArea and SelectableRegion support these new gestures.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">With a single click, the collapsed selection is set to the selected location.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">When you double-click, the word that is clicked is selected.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In word blocks, double-clicking and dragging will extend the selection.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Long press + drag: In word blocks, this extends the selection.<\/span><\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"3-To-define-a-global-text-scale-factor-use-TextScaler\"><\/span><span style=\"font-weight: 400;\">3. To define a global text scale factor, use TextScaler.<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">With Android 14, the Text.textScaleFactor property is superseded by the new TextScaler class, which supports the non-linear font scaling functionality that aids the blind.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"4-Addition-of-PaintPattern-to-flutter-test\"><\/span><span style=\"font-weight: 400;\">4. Addition of PaintPattern to flutter_test<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The new PaintPattern class in the flutter_test package lets you verify paint calls to the canvas performed by widgets like CustomPainters and Decorations (used in unit tests).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">PaintPattern may now be used to confirm that the right color and rect were painted, instead of requiring a golden file. To confirm that MyWidget painted a circle on the canvas, look at this example:<\/span><\/p>\n<pre class=\"font-size:14 height-set:true height:250 nums:false lang:default decode:true\">expect(\u00a0\u00a0\u00a0\u00a0\r\n\r\n\u00a0\u00a0find.byType(MyWidget),\r\n\r\n\u00a0\u00a0paints\r\n\r\n\u00a0\u00a0\u00a0\u00a0..circle(\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0x: 10,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0y: 10,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0radius: 20,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0color: const Color(0xFFF44336),\r\n\r\n\u00a0\u00a0\u00a0\u00a0),\r\n\r\n);\r\n\r\n\/\/ Multiple paint calls can even be chained together.\r\n\r\nexpect(\r\n\r\n\u00a0\u00a0find.byType(MyWidget),\r\n\r\n\u00a0\u00a0paints\r\n\r\n\u00a0\u00a0\u00a0\u00a0..circle(\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0x: 10,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0y: 10,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0radius: 20,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0color: const Color(0xFFF44336),\r\n\r\n\u00a0\u00a0\u00a0\u00a0),\r\n\r\n\u00a0\u00a0\u00a0\u00a0..image(\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0image: MyImage,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0x: 20,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0y: 20,\r\n\r\n\u00a0\u00a0\u00a0\u00a0),\r\n\r\n);<\/pre>\n<h3><span class=\"ez-toc-section\" id=\"5-Update-on-Impeller\"><\/span><span style=\"font-weight: 400;\">5. Update on Impeller<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Impeller, the new rendering engine from Flutter app development, is currently available for Android on the stable channel in preview mode. With a Vulkan backend, this upgrade improves performance on Vulkan-capable devices by minimizing jank, increasing frame rates, and dramatically speeding up frame rasterization times.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It should be noted that while the <\/span><b>Flutter app development company<\/b><span style=\"font-weight: 400;\"> are currently developing an OpenGL backend for such devices, Impeller might not function as well on older hardware without Vulkan compatibility.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Use the &#8220;flutter run&#8221; command with the &#8220;-enable-impeller&#8221; switch or add a specific section to the project&#8217;s &#8220;AndroidManifest.xml&#8221; beneath the &lt;application&gt; tag to test Impeller on Vulkan-compatible devices. Additionally, the Flutter team has concentrated on improving text performance in Impeller for iOS and Android.<\/span><\/p>\n<pre class=\"font-size:14 height-set:true height:250 nums:false lang:default decode:true\">&lt;meta-data \u00a0 android:name=\"io.flutter.embedding.android.EnableImpeller\" \u00a0 android:value=\"true\" \/&gt;<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Flutters-Android-Update\"><\/span><span style=\"font-weight: 400;\">Flutter\u2019s Android Update<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Support-for-the-mouse-scroll-wheel\"><\/span><span style=\"font-weight: 400;\">Support for the mouse scroll wheel<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">One problem we found when developing Wonderous to comply with Android&#8217;s large screen requirements was that the mouse scroll wheel wasn&#8217;t very responsive on tablets or foldable devices. It was commonly known that for the screen to respond, the user needed to move the scroll wheel quite a bit.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With this update, the pace of mouse scrolling on a flutter view corresponds to that of <\/span><b>Android app development<\/b><span style=\"font-weight: 400;\">\/device scrolling.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Anticipatory-reverse-navigation\"><\/span><span style=\"font-weight: 400;\">Anticipatory reverse navigation<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The predictive back gesture function was added to<\/span><a href=\"https:\/\/dianapps.com\/blog\/everything-about-android-14-upside-down-cake-rolling-out-soon\/\"><span style=\"font-weight: 400;\"> Android 14 <\/span><\/a><span style=\"font-weight: 400;\">and enables you to &#8220;peek&#8221; at the home screen by using the back motion on your smartphone behind the screen that is now shown. Flutter now has predictive back gestures thanks to this update! Examine the instructions on migrating.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Flutters-iOS-Update\"><\/span><span style=\"font-weight: 400;\">Flutter\u2019s iOS Update<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Expand-the-choices-available-in-the-edit-menu\"><\/span><span style=\"font-weight: 400;\">Expand the choices available in the edit menu.<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Users may now choose text on native iOS and launch a share menu that offers several common services. We&#8217;ve included look-up, search, and share capabilities in this edition.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Package-ecosystem-Cloud-based-style-for-Google-Maps\"><\/span><span style=\"font-weight: 400;\">Package ecosystem Cloud-based style for Google Maps<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You may alter the map&#8217;s look using Google Maps Platform by going to the Map Styles page in the Google Cloud Console. This eliminates the need to alter your app code whenever you make a style change and allows you to create a personalized experience.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You only need to use the Map ID specified in the console to refer to your map to utilize this functionality in the Flutter app development framework:<\/span><\/p>\n<pre class=\"font-size:14 height-set:true height:250 nums:false lang:default decode:true\">GoogleMap(\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0onMapCreated: _onMapCreated,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0initialCameraPosition: const CameraPosition(\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0target: _kMapCenter,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0zoom: 7.0,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0),\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0key: _key,\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0cloudMapId: _mapId\r\n\r\n);<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Improvements-to-Camera-X\"><\/span><span style=\"font-weight: 400;\">Improvements to Camera X<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We included the first support for Camera X in the Flutter camera plugin 3.10 stable version. A Jetpack library called Camera X makes it easier to include sophisticated camera features into your Android application.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We&#8217;ve included the majority of functionalities required by any software that makes use of a camera in this release. Camera X resolves many of the problems with the Camera 2 plugin implementation.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Please make use of the camera plugin. The following line needs to be added to your pubspec.yaml file to opt in.<\/span><\/p>\n<pre class=\"font-size:14 height-set:true height:250 nums:false lang:default decode:true\">Dependencies:\r\n\r\n\u00a0camera: ^0.10.4 # Or try the latest camera version\r\n\r\n\u00a0camera_android_camerax: ^0.5.0<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"UI-discoverability-in-VS-Code\"><\/span><span style=\"font-weight: 400;\">UI discoverability in VS Code<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The Flutter VS Code addon now features a Flutter Sidebar that provides quick access to the following features thanks to the incredible work of Flutter community member DanTup:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Launch the Flutter DevTools windows.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">See the current debugging sessions.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Thoroughly know the devices.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Make fresh initiatives<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Reload quickly and start again<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use Flutter Doctor -v for a lot more<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-7707 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image4.png\" alt=\"\" width=\"800\" height=\"849\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image4.png 800w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image4-768x815.png 768w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image4-640x679.png 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image4-400x425.png 400w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wonderful-Updates-Regarding-The-Flutter-Games-Toolkit\"><\/span><span style=\"font-weight: 400;\">Wonderful Updates Regarding The Flutter Games Toolkit<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The development of casual games has made greater use of Flutter app development services in recent years. Flutter is well known for making games, ranging from simple riddles to complex arcade adventures.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To further support game makers, Flutter app development is releasing a significant upgrade to its Flutter Casual Games Toolkit. With this version, creators have the liberty to get basic game concepts into finished products.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The toolbox now includes a larger selection of templates tailored to particular genres, such as endless runs and card games. It incorporates several features, such as Crashlytics, in-app purchases, advertisements, achievements, Play Games features, and multiplayer functionality.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The goal of this upgrade is to offer a full suite of features and tools to improve the game production process using Flutter.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Fresh-Packages-for-Flutter-Favorites\"><\/span><span style=\"font-weight: 400;\">Fresh Packages for Flutter Favorites!<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Flutter&#8217;s community and tools are always changing, and the Flutter Favorite application has also received a new and improved version. The Flutter Ecosystem Committee just recognized several packages as new Flutter Favorites, which is an exciting time for developers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These approved bundles include:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The flaming gaming engine is well-regarded.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The use of macos_ui package in macOS programs gives a natural look.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The state manager package from Riverpod is fantastic.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">As long as the Flutter Favorite program is active, developers may expect to see more exceptional packages and plugins highlighted.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Whats-Trending-in-Flutter-Devtools\"><\/span><span style=\"font-weight: 400;\">What\u2019s Trending in Flutter Devtools<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-7708 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image1.png\" alt=\"\" width=\"906\" height=\"566\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image1.png 906w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image1-768x480.png 768w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image1-640x400.png 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/image1-400x250.png 400w\" sizes=\"(max-width: 906px) 100vw, 906px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">A novel extension framework has been developed by Flutter&#8217;s DevTools, creating a plethora of fascinating opportunities. Package authors may now create custom tools that are effortlessly integrated into DevTools thanks to this innovation.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">They may build reliable tools by utilizing the DevTools frameworks and utilities that are already available, giving Dart and Flutter app developers unique solutions based on the dependencies of their apps.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Many profound developers and experts claim this ecosystem includes packages such as Provider, Drift, and Patrol; its DevTools extensions are open-source.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In addition to these extensions, the most recent DevTools version includes a ton of enhancements and new functionality. Support for DevTools extensions and the introduction of a &#8220;Home&#8221; panel that provides a succinct synopsis of your linked program are important enhancements.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Support for overall performance, robust hot restarts, text selection and copying behaviour. And the network profiler response viewer have all received some enhancements.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Footnote\"><\/span><span style=\"font-weight: 400;\">Footnote<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The items illustrate how important the major improvements in Flutter version 3.16. Since the Material 3 upgrade is almost ready for seamless integration. Impeller has demonstrated significant performance improvements in iOS app development. It seems sensible to assess how well it performs on Android and other platforms as well.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Keeping up with the most recent changes in Flutter&#8217;s vast package and plugin ecosystem is essential. It is important to employ proficient Flutter 3 developers who can optimize the technology to its farthest extent. To properly capitalize on these benefits.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For a free consultation on integrating the most recent update into your app development project from us, a <\/span><a href=\"https:\/\/dianapps.com\/flutter-app-development\"><b>Flutter app development company<\/b><\/a><span style=\"font-weight: 400;\">, DianApps.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Another month, another Google\u2019s exciting update awaits!\u00a0 Flutter, the open-source cross-platform app development platform has released its 3.16 version. This update sets Material 3 as the new default theme, welcomes a preview of Impeller to Android 14, enables mobile app developers to integrate extensions for DevTools, and so much more.\u00a0 The best part? Game developers [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7709,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_wp_applaud_exclude":false,"footnotes":""},"categories":[3],"tags":[438,440,437,305,439],"class_list":["post-7702","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app-development","tag-flutter-3-16","tag-flutter-development","tag-flutter-new-update","tag-flutter-update","tag-whats-new-in-flutter"],"featured_image_src":{"landsacpe":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/flutter-3.16-1140x445.png",1140,445,true],"list":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/flutter-3.16-463x348.png",463,348,true],"medium":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/flutter-3.16-300x169.png",300,169,true],"full":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/flutter-3.16.png",1536,864,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.12 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What\u2019s new in Flutter 3.16<\/title>\n<meta name=\"description\" content=\"Introduction to the new Flutter 3.16 version. Enhanced material 3 default, Flutter casual games toolkit, newest Flutter Devtools.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What\u2019s new in Flutter 3.16\" \/>\n<meta property=\"og:description\" content=\"Introduction to the new Flutter 3.16 version. Enhanced material 3 default, Flutter casual games toolkit, newest Flutter Devtools.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn About Digital Transformation &amp; Development | DianApps Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-08T11:27:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-08T11:28:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/flutter-3.16.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"864\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Vikash Soni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vikash Soni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What\u2019s new in Flutter 3.16","description":"Introduction to the new Flutter 3.16 version. Enhanced material 3 default, Flutter casual games toolkit, newest Flutter Devtools.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/","og_locale":"en_US","og_type":"article","og_title":"What\u2019s new in Flutter 3.16","og_description":"Introduction to the new Flutter 3.16 version. Enhanced material 3 default, Flutter casual games toolkit, newest Flutter Devtools.","og_url":"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/","og_site_name":"Learn About Digital Transformation &amp; Development | DianApps Blog","article_published_time":"2023-12-08T11:27:29+00:00","article_modified_time":"2023-12-08T11:28:12+00:00","og_image":[{"width":1536,"height":864,"url":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/flutter-3.16.png","type":"image\/png"}],"author":"Vikash Soni","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vikash Soni","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/","url":"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/","name":"What\u2019s new in Flutter 3.16","isPartOf":{"@id":"https:\/\/dianapps.com\/blog\/#website"},"datePublished":"2023-12-08T11:27:29+00:00","dateModified":"2023-12-08T11:28:12+00:00","author":{"@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/0126fafc83e42bece2acbfe92f7d0f4f"},"description":"Introduction to the new Flutter 3.16 version. Enhanced material 3 default, Flutter casual games toolkit, newest Flutter Devtools.","breadcrumb":{"@id":"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-3-16-version\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dianapps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What\u2019s New in Flutter 3.16 Version"}]},{"@type":"WebSite","@id":"https:\/\/dianapps.com\/blog\/#website","url":"https:\/\/dianapps.com\/blog\/","name":"Learn About Digital Transformation &amp; Development | DianApps Blog","description":"Dianapps","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dianapps.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/0126fafc83e42bece2acbfe92f7d0f4f","name":"Vikash Soni","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2022\/07\/cropped-vikash-96x96.png","contentUrl":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2022\/07\/cropped-vikash-96x96.png","caption":"Vikash Soni"},"description":"Vikash Soni, the visionary CEO and Co-founder of DianApps. With his profound expertise in Android and iOS app development, he leads the team to deliver top-notch solutions to clients worldwide. Under his guidance, the company has achieved remarkable success, earning a reputation as a leading web and mobile app development company.","sameAs":["https:\/\/www.linkedin.com\/in\/vikash-soni-59726530\/"],"url":"https:\/\/dianapps.com\/blog\/author\/infodianapps-com\/"}]}},"_links":{"self":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/7702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/comments?post=7702"}],"version-history":[{"count":4,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/7702\/revisions"}],"predecessor-version":[{"id":7712,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/7702\/revisions\/7712"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/media\/7709"}],"wp:attachment":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/media?parent=7702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/categories?post=7702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/tags?post=7702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}