{"id":6819,"date":"2023-05-29T10:51:13","date_gmt":"2023-05-29T10:51:13","guid":{"rendered":"https:\/\/shivlab.com\/blog\/\/"},"modified":"2024-12-20T10:20:18","modified_gmt":"2024-12-20T10:20:18","slug":"whats-new-in-flutter-3-10-web-and-mobile","status":"publish","type":"post","link":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/","title":{"rendered":"What&#8217;s New in Flutter 3.10 Web and Mobile?"},"content":{"rendered":"<p>Flutter managed to slip out version 3.10 while Google&#8217;s developer conference focused a lot on artificial intelligence. It has a lot of cool features that you may utilize in your code right now.<\/p>\n<p>Flutter 3.10 provides several enhancements to the web, mobile, graphics, security, and other areas.<\/p>\n<h2><strong>Framework<\/strong><\/h2>\n<hr \/>\n<h3><span style=\"color: #ff8625;\">#<\/span> Material 3<\/h3>\n<p>The Material library now conforms to the most recent Material Design specification. New components and component themes, as well as revised component aesthetics, are among the changes. Using the <strong><em>useMaterial3<\/em><\/strong> theme option, developers must &#8220;<strong>opt-in<\/strong>&#8221; to these modifications. In the next stable version, <strong><em>useMaterial3<\/em><\/strong> will be set to <strong><em>true<\/em><\/strong> by default.<\/p>\n<p>Set <em><strong>useMaterial3: true<\/strong><\/em> in your <em><strong>MaterialApp<\/strong><\/em> theme to enable the M3 version of the Material library. When you build a new app using the <em><strong>flutter create<\/strong><\/em> command, this gets added to your theme.<\/p>\n<p>Check out the <a href=\"https:\/\/flutter.github.io\/samples\/material_3.html\" target=\"_blank\" rel=\"noopener\">sample app<\/a> to see these improvements in action. You may turn <em><strong>useMaterial3<\/strong><\/em> on and off in the demo.<\/p>\n<p><button id=\"scheduleBlogButton\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-17004\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2024\/12\/Flutter-Web-App-Development-Experts.jpg\" alt=\"Flutter Web &#038; App Development Experts\" width=\"950\" height=\"300\" \/><\/button><\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> ColorScheme.fromImageProvider()<\/h3>\n<p>All M3 components set the theme&#8217;s <em><strong>ColorScheme<\/strong><\/em>&#8216;s default colors. The default color palette is purple in various hues. A bespoke color scheme can be created from a single &#8220;<strong>seed<\/strong>&#8221; color or a picture. With the demo, try both variants. Color schemes should be visually appealing and easily accessible.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6833 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/ezgif.com-video-to-gif.gif\" alt=\"\" width=\"600\" height=\"1067\" \/><\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> NavigationBar<\/h3>\n<p>This gives you an M3 version of the <em><strong>BottomNavigationBar<\/strong><\/em> widget. While M3 employs new colors, highlights, and elevation, it continues to function as before. The <em><strong>NavigationBarTheme<\/strong><\/em> widget may be used to alter the default appearance of the <em><strong>NavigationBars<\/strong><\/em> widget. Although it is not necessary to move current apps to this component, it should be used for new apps.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6823 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/2-2.gif\" alt=\"\" width=\"778\" height=\"218\" \/><\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> NavigationDrawer<\/h3>\n<p>Based on the Drawer widget, this gives an M3 destination selection widget. <em><strong>NavigationDrawer<\/strong><\/em> displays a list of <em><strong>NavigationDestinations<\/strong><\/em> widgets with a single option. Other widgets can be added to this list as well. When necessary, the <em><strong>NavigationDrawer<\/strong><\/em> can scroll. Use the <em><strong>NavigationDrawerTheme<\/strong><\/em> widget to change the look of the <em><strong>NavigationDrawers<\/strong><\/em> widget.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6824 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/3-1.png\" alt=\"mobile app design screen\" width=\"1180\" height=\"852\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/3-1.png 1180w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/3-1-300x217.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/3-1-1024x739.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/3-1-768x555.png 768w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> SearchBar and SearchAnchor<\/h3>\n<p>These elements provide predictive text for search queries. When a user enters a search query, the app creates a &#8220;<strong>search view<\/strong>&#8221; with a list of matched results. The user either chooses one or modifies the query. Use the <em><strong>SearchBarTheme<\/strong><\/em> and <em><strong>SearchAnchorTheme<\/strong><\/em> widgets to customize the M3 design of these components.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6825 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/4.png\" alt=\"application programming interface\" width=\"1180\" height=\"852\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/4.png 1180w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/4-300x217.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/4-1024x739.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/4-768x555.png 768w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Secondary Tab Bar<\/h3>\n<p>M3 lets you add a second tier of <em><strong>TabBar<\/strong><\/em>. Use TabBar to differentiate this second <em><strong>TabBar.secondary<\/strong><\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6826 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/5.png\" alt=\"mobile app screen design\" width=\"1180\" height=\"852\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/5.png 1180w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/5-300x217.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/5-1024x739.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/5-768x555.png 768w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> DatePicker Updated for M3<\/h3>\n<p>The M3 <em><strong>DatePicker<\/strong><\/em> widget&#8217;s colors, style, and shape are updated for both the calendar and textfield variants. This does not affect the API, but it does introduce a new <em><strong>DatePickerTheme<\/strong><\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6827 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/6-1.png\" alt=\"appointment booking app design\" width=\"1180\" height=\"852\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/6-1.png 1180w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/6-1-300x217.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/6-1-1024x739.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/6-1-768x555.png 768w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> TimePicker Updated for M3<\/h3>\n<p>The colors, style, and forms of the M3 <em><strong>TimePicker<\/strong><\/em>, like the <em><strong>DatePicker<\/strong><\/em>, are updated for both the conventional and compact versions of the widget.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6828 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/7.png\" alt=\"select time image\" width=\"1180\" height=\"852\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/7.png 1180w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/7-300x217.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/7-1024x739.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/7-768x555.png 768w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> BottomSheet Updated for M3<\/h3>\n<p>Aside from M3 color and form modifications, the bottom sheet now has an optional drag handle when <em><strong>showDragHandle<\/strong><\/em> is set to <em><strong>true<\/strong><\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6829 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/8.png\" alt=\"buttom sheets image\" width=\"1180\" height=\"572\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/8.png 1180w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/8-300x145.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/8-1024x496.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/8-768x372.png 768w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> ListTile Updated for M3<\/h3>\n<p>This widget&#8217;s location and spacing are updated by the M3 <em><strong>ListTile<\/strong><\/em>. This comprises padding for text, widget alignment, minimum leading width, and vertical spacing. The API has not changed.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Drawer Updated for M3<\/h3>\n<p>The M3 <em><strong>Drawer<\/strong><\/em> modifies the colors and elevation while also making minor layout adjustments.<\/p>\n<h2>TextField Updates<\/h2>\n<hr \/>\n<p>M3 adds native gesture functionality to all <em><strong>TextField<\/strong><\/em> widgets. Double or triple clicking with a mouse is the same as double or triple tapping with a touch device. These functionalities are enabled by default in the <em><strong>TextField<\/strong><\/em> and <em><strong>CupertinoTextField<\/strong><\/em> widgets.<\/p>\n<h4><em>TextField<\/em> Double Click\/Tap Gestures<\/h4>\n<ul>\n<li><strong>Double Click + Drag:<\/strong> Extends The Selection in Word Blocks.<\/li>\n<li><strong>Double Tap + Drag:<\/strong> Extends The Selection in Word Blocks.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6834 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/9-1.png\" alt=\"people standing next to each other\" width=\"1180\" height=\"572\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/9-1.png 1180w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/9-1-300x145.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/9-1-1024x496.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/9-1-768x372.png 768w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<h2><em>TextField<\/em> Triple Click\/Tap Gestures<\/h2>\n<hr \/>\n<h3><span style=\"color: #ff8625;\">#<\/span> Triple Click<\/h3>\n<ul>\n<li>When within a multi-line <em><strong>TextField<\/strong><\/em> (Android\/Fuchsia\/iOS\/macOS\/Windows), selects a paragraph block at the clicked point.<\/li>\n<li>When within a multi-line <em><strong>TextField<\/strong><\/em> (Linux), selects a line block at the clicked place.<\/li>\n<li>Selects all text in a single-line <em><strong>TextField<\/strong><\/em>.<\/li>\n<\/ul>\n<h3><span style=\"color: #ff8625;\">#<\/span> Triple Tap<\/h3>\n<ul>\n<li>Selects a paragraph block at the clicked position when inside of a multi-line <em><strong>TextField<\/strong><\/em>.<\/li>\n<li>Selects all text in a single-line <em><strong>TextField<\/strong><\/em>.<\/li>\n<\/ul>\n<h3><span style=\"color: #ff8625;\">#<\/span> Triple Click + Drag<\/h3>\n<ul>\n<li>Extends the selection in paragraph blocks (Android\/Fuchsia\/iOS\/macOS\/Windows).<\/li>\n<li>Extends the selection in line blocks (Linux).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6835 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/10.png\" alt=\"project life cycle\" width=\"1086\" height=\"480\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/10.png 1086w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/10-300x133.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/10-1024x453.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/10-768x339.png 768w\" sizes=\"auto, (max-width: 1086px) 100vw, 1086px\" \/><\/p>\n<h2>Flutter Supports SLSA Level 1<\/h2>\n<hr \/>\n<p>The Flutter Framework now supports Supply Chain Levels for Software Artefacts (SLSA) Level 1. This recognizes the deployment of several security elements, including:<\/p>\n<ul>\n<li><b>Scripted Build Process:-<\/b>\u00a0Flutter&#8217;s build scripts now support automated builds on trusted build platforms. Building on protected architecture reduces artefact tampering, improving supply chain security.<\/li>\n<li><b>Multi-Party Approval With Audit Logging:-<\/b>\u00a0Flutter release procedures are only executed when numerous engineers have approved them. Every operation generates auditable log entries. These modifications ensure that no changes are introduced between source code and artefact production.<\/li>\n<li><b>Provenance:-<\/b>\u00a0Provenance is currently used to produce beta and stable versions. This signifies that the framework release artefacts were created by trusted sources with the expected content. Each release includes links to the <strong><a href=\"https:\/\/docs.flutter.dev\/release\/archive\" target=\"_blank\" rel=\"noopener\">SDK archive<\/a><\/strong> where you may check and verify provenance.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6836 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/11.png\" alt=\"down graph arrow\" width=\"1086\" height=\"480\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/11.png 1086w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/11-300x133.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/11-1024x453.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/11-768x339.png 768w\" sizes=\"auto, (max-width: 1086px) 100vw, 1086px\" \/><\/p>\n<p>This effort also enables the team to move closer to SLSA L2 and L3 compliance. These two tiers are concerned with the preservation of artefacts both during and after construction.<\/p>\n<h2>Flutter For Web<\/h2>\n<hr \/>\n<ul>\n<li><strong>Flutter Web Apps Improved Load Times:-<\/strong> The file size of icon fonts has been reduced in this edition. It removed all unnecessary glyphs from Material and Cupertino.<\/li>\n<li><strong>CanvasKit Reduced Size for All Browsers:-<\/strong>\u00a0CanvasKit &#8220;<strong>flavor<\/strong>&#8221; can be much smaller in Chromium-based browsers. CanvasKit is hosted on Google&#8217;s industry-leading CDN. This should boost performance even further.<\/li>\n<li><strong>Element Embedding:-<\/strong> You may now serve Flutter web applications from a specified page element. Before this version, your applications could either take up the whole page body or be contained behind an <em><strong>iframe<\/strong><\/em> tag. The sample code is available on GitHub.<\/li>\n<li><strong>Shader Support:-<\/strong>\u00a0Web apps can use Flutter\u2019s\u00a0fragment shader support.<\/li>\n<\/ul>\n<h2>Flutter For Engine<\/h2>\n<hr \/>\n<h3><span style=\"color: #ff8625;\">#<\/span> Impeller<\/h3>\n<p>They previewed Impeller on iOS in the 3.7 stable release. Since then, they have received and answered a plethora of positive user feedback. With almost 250 Impeller changes in this release, and made Impeller As default renderer for iOS. All iOS applications produced with Flutter 3.10 by default utilize Impeller. These iOS applications will function more consistently and with less jank.<\/p>\n<p>Impeller for iOS has reduced its memory footprint since version 3.7. Impeller employs a reduced number of render passes and intermediate render targets. Enabling lossy texture compression on newer iPhones lowered memory footprint without compromising quality. These advancements also resulted in a significant boost in iPad performance.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"blog_image aligncenter wp-image-6837 size-full\" src=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-4.png\" alt=\"flutter- 3.10\" width=\"1180\" height=\"852\" srcset=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-4.png 1180w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-4-300x217.png 300w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-4-1024x739.png 1024w, http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-4-768x555.png 768w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/p>\n<p>Consider a complicated interface, such as the Wonderous app&#8217;s &#8220;<strong>pull quote<\/strong>&#8221; panel. Together, these enhancements nearly lowered the memory footprint of those screens in half. The decrease in memory utilization also results in a little decrease in GPU and CPU burden. The Wondrous app might not notice the decrease in load. Its frames had previously been rendered under budget, but this adjustment should improve battery life.<\/p>\n<p>Impeller also enables the team to respond to popular feature requests more quickly. As an example, iOS now supports the broader P3 color gamut. A description of such a feature may be found elsewhere in this post.<\/p>\n<p>Contributions from the community, particularly from GitHub users ColdPaleLight and luckysmg, aided the development. They created several Impeller-related fixes that enhanced realism and performance.<\/p>\n<p>While Impeller satisfies the rendering needs of most Flutter apps, it is optional. If you wish to opt-out, please consider creating an issue on GitHub to explain why. Users of the app may notice that Skia and Impeller render somewhat differently. These changes might be bugs, so please report them. To minimize Flutter&#8217;s footprint, It will eliminate the old Skia renderer for iOS in a future version.<\/p>\n<p>Impeller&#8217;s Vulkan backend is still being worked on. Impeller for Android is still under active development but is not yet ready for preview. It intend to offer <a href=\"https:\/\/github.com\/orgs\/flutter\/projects\/21\" target=\"_blank\" rel=\"noopener\">more information about it shortly<\/a>.<\/p>\n<h2>Performance<\/h2>\n<hr \/>\n<p>Aside from Impeller, this version includes further speed enhancements and bug fixes.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Eliminating Jank<\/h3>\n<p>Luckysmg, an open-source contributor. They realized that they could reduce the time it took to obtain the next drawable layer from the Metal driver. To gain that advantage, you must change the <em><strong>FlutterViews<\/strong><\/em> background color to anything other than null. This modification removes poor frame rates from newer iOS 120Hz monitors. It can treble the frame rate in some circumstances. This aided in the resolution of several GitHub problems. This modification was so significant that included a hotfix in the 3.7 release.<\/p>\n<p>To prevent delaying vsync events from the platform thread, They moved the loading of local pictures from the platform thread to the Dart thread in the 3.7 stable release. Users, however, found that the increased work on the Dart thread produced considerable jank. They relocated the opening and decoding of local pictures from the Dart thread to a background thread in this version. This update removes the possibility of extended pauses on displays with a large number of local pictures, while also avoiding delaying sync events. This update lowered the load time for several simultaneous pictures in half in local testing and automated benchmarks.<\/p>\n<p>It continues to optimize Flutter&#8217;s new internal DisplayList structure. That included an R-Tree-based culling method in this version. This method eliminates the need for renderer to conduct drawing operations considerably early. This optimization, for example, speeds up a custom painter whose output fails offscreen. As microbenchmarks revealed a 50% reduction in DisplayList processing time. Apps with clipped custom paints may notice varying degrees of improvement. The degree of improvement is determined by the quantity and complexity of hidden draw processes.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Reducing iOS Startup Latency<\/h3>\n<p>An inefficient identifier lookup approach in app packages increases app starting delay. This startup delay increases in direct proportion to the size of the app. They corrected the bundle identifier lookup in this version. In a big production application, this decreased startup latency by 100ms or around 30-50%.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Reducing Size<\/h3>\n<p><em><strong>SkParagraph<\/strong><\/em> is the default library for text shape, layout, and rendering in Flutter. They added a flag to force the use of the legacy <em><strong>libtxt<\/strong><\/em> and <em><strong>minikin<\/strong><\/em> libraries. They removed libtxt and <em><strong>minikin<\/strong><\/em>, as well as their flag, from this version since They have complete trust in SkParagraph. This decreases the compressed size of Flutterby by 30KB.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Stability<\/h3>\n<p>It enabled an Android functionality late in our rendering pipeline in the 3.0 release. This Android feature made advantage of powerful GPU driver capabilities. When only one &#8220;dirty&#8221; region changes, these driver features redraw less of the screen. This was also applied to previous optimizations to graphics pipeline that had similar results. Although their benchmark findings were encouraging, two difficulties arose. For starters, the most improved benchmark may not represent realistic use scenarios. Second, the devices and Android versions that enabled this GPU driver capability were few. They removed the partial repaint capability for Android due to limited advancements and support.<\/p>\n<p>When utilizing the Skia backend, the functionality remains active on iOS. They plan to make it available with Impeller in a future version.<\/p>\n<h2>API Improvements<\/h2>\n<hr \/>\n<h3><span style=\"color: #ff8625;\">#<\/span> APNG Decoder<\/h3>\n<p>Flutter 3.10 solves one of the most often-raised concerns. It now supports decoding <em><strong>APNG<\/strong><\/em> images. <em><strong>APNG<\/strong><\/em> images may be loaded using Flutter&#8217;s current image-loading APIs.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Image Loading API Improvements<\/h3>\n<p>Flutter&#8217;s valued Director of Engineering, tvolkert, has improved the picture-loading APIs in <em><strong>dart:ui<\/strong><\/em>. They have included a new function called <em><strong>instantiateImageCodecWithSize<\/strong><\/em>. This enables the use case of loading a picture that matches the following three criteria:<\/p>\n<ol>\n<li>At the moment of loading, the aspect ratio is unknown.<\/li>\n<li>a bounding box restriction.<\/li>\n<li>an original aspect ratio limitation.<\/li>\n<\/ol>\n<p>As an example, suppose an application wants to display one image from a pool of options loaded over the network.<\/p>\n<h2>For iOS<\/h2>\n<hr \/>\n<h3><span style=\"color: #ff8625;\">#<\/span> Wireless Debugging<\/h3>\n<p>You may now use your Flutter iOS applications without a wire to run and hot reload them! After successfully wirelessly connecting your iOS device to <strong>Xcode<\/strong>, you can use Flutter Run to deploy your app to that device. If you have problems, make sure the network icon displays next to your device in <strong>Window<\/strong> &gt; <strong>Devices and Simulators<\/strong> &gt; <strong>Devices<\/strong>.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Wide Gamut Image Support<\/h3>\n<p>Flutter applications on iOS can now display a wide gamut of photos accurately. To enable wide gamut support, the app must use Impeller and add the FLTEnableWideGamut setting in the Info.plist file.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Spellcheck Support<\/h3>\n<p>The <em><strong>SpellCheckConfiguration()<\/strong><\/em> widget on iOS now by default supports Apple&#8217;s spell-check service. Set the <em><strong>spellCheckConfiguration<\/strong><\/em> parameter in <em><strong>CupertinoTextField<\/strong><\/em> to utilize this widget.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Adaptive Checkbox and Radio<\/h3>\n<p>The Cupertino collection now includes the <em><strong>CupertinoCheckBox<\/strong><\/em> and <em><strong>CupertinoRadio<\/strong><\/em> widgets. They design checkbox and radio button components that are consistent with Apple&#8217;s design.<\/p>\n<p>The. adaptive constructors were introduced to the Material checkbox and radio widgets. On iOS and macOS, these constructors make use of the Cupertino widgets. Material widgets are used on various platforms.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Cupertino Animations, Transitions, and Colors are Being Refined<\/h3>\n<p>To match SwiftUI, Flutter 3.10 updated certain animations, transitions, and colors. These enhancements include:<\/p>\n<ol>\n<li>The <em><strong>cupertinoPageRoute<\/strong><\/em> transition is being updated.<\/li>\n<li><em>CupertinoSliverNavigationBar<\/em> now has a title magnification animation.<\/li>\n<li><em><strong>CupertinoColors<\/strong><\/em> has been updated with numerous new iOS system colors.<\/li>\n<\/ol>\n<h3><span style=\"color: #ff8625;\">#<\/span> PlatformView Performance<\/h3>\n<p>Flutter throttles the refresh rate on iOS when <em><strong>PlatformViews<\/strong><\/em> are on the screen to avoid jank. When the app shows dynamic or scrollable <em><strong>PlatformViews<\/strong><\/em>, app users will see this<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Plugins for macOS and iOS can Use Similar Code<\/h3>\n<p>In the <em><strong>pubspec.yaml<\/strong><\/em> file for plugins, Flutter now supports the <em><strong>sharedDarwinSource<\/strong><\/em> key. This key specifies that Flutter should share code across iOS and macOS.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> New Resources for App Extensions<\/h3>\n<p>There is updated documentation to help Flutter developers utilize iOS app extensions. Live activities, home screen widgets, and sharing extensions are among the extensions available.<\/p>\n<p>As introduced new methods to the <em><strong>path_provider<\/strong><\/em> and homescreen widget plugins to make developing home screen widgets and exchanging data easier.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> New Resources for Cross-platform Design<\/h3>\n<p>Cross-platform design considerations for certain UI components are now included in the documentation. Check out the Flutter UX GitHub repository for more information on each of these UI components. They appreciate any suggestions or comments!<\/p>\n<h2>For Android<\/h2>\n<hr \/>\n<h3><span style=\"color: #ff8625;\">#<\/span> Android CameraX Support<\/h3>\n<p>Camera X, a Jetpack library, makes it easy to integrate extensive camera features into your Android app. This feature is available on a wide range of Android Camera hardware. They provide preliminary <em><strong>CameraX<\/strong><\/em> compatibility to the Flutter Camera plugin with this version. This support is available for the following use cases:<\/p>\n<ul>\n<li>Image Capture<\/li>\n<li>Video Recording<\/li>\n<li>Display live camera preview<\/li>\n<\/ul>\n<p>To give it a go, select the CameraX implementation. Add the following line to your <em><strong>pubspec.yaml<\/strong><\/em> file to opt-in.<\/p>\n<p><code>Dependencies:<br \/>\ncamera: ^0.10.4 # Latest camera version<br \/>\ncamera_android_camerax: ^0.5.0<br \/>\n<\/code><\/p>\n<h2>DevTools<\/h2>\n<hr \/>\n<ul>\n<li>Continue to enhance <em><strong>DevTools<\/strong><\/em>, the Dart and Flutter performance, and debugging suite. Among the highlights are:<\/li>\n<li>Material 3 is used in the <em><strong>DevTools UI<\/strong><\/em>. This both modernizes the appearance and improves accessibility.<\/li>\n<li>Evaluations for a running app in debug mode are supported via the <em><strong>DevTools console<\/strong><\/em>. Previously, you could only do this when you paused an app.<\/li>\n<\/ul>\n<p>The former timeline trace viewer has been replaced by an incorporated Perfetto trace viewer. Perfetto can handle bigger datasets and outperforms the conventional trace viewer. Perfetto adds additional features such as: &#8211; The ability to pin threads of interest.<\/p>\n<ul>\n<li>Selecting numerous timeline events from several frames by clicking and dragging.<\/li>\n<li>Using SQL queries to extract particular information from timeline events.<\/li>\n<\/ul>\n<h2>Deprecations &amp; Breaking Changes<\/h2>\n<hr \/>\n<h3><span style=\"color: #ff8625;\">#<\/span> Deprecated APIs<\/h3>\n<p>Deprecated APIs that expired after the release of v3.7 are among the breaking changes in this release. Check out the deprecation documentation for this version to discover all impacted APIs, as well as more background and migration advice. Many of these bugs may be resolved with <em><strong>Dart Fix<\/strong><\/em>, which includes rapid repairs in the IDE and mass applications with the dart fix command.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Android Studio Flamingo Upgrade<\/h3>\n<p>When you try to Flutter run or Flutter build your Flutter Android apps after upgrading Android Studio to Flamingo, you may see an issue. This problem arises because Android Studio Flamingo&#8217;s included Java SDK has been updated from 11 to 17. Gradle versions before 7.3 are incompatible with Java 17. They modified <em><strong>flutter analyses &#8211;suggestions<\/strong><\/em> to see if this problem is caused by a conflict between your Java SDK and Gradle version.<\/p>\n<h3><span style=\"color: #ff8625;\">#<\/span> Window Singleton Deprecation<\/h3>\n<p>The window singleton is deprecated in this release. Apps and libraries that rely on it should abandon it. This prepares your app for multi-window functionality in a later version of Flutter.<\/p>\n<h4>Wrapping it Up<\/h4>\n<hr \/>\n<p>As a result, it&#8217;s time to start investigating the most recent stable version of Flutter to take use of all of the fantastic features it has to offer. Simply upgrading to do so! The Flutter Team has also released a slew of free videos on their YouTube site. The complete Google I\/O playlist may be found here. The Flutter videos are also available on Google&#8217;s Official I\/O Developer site. Following that link will bring you the movies as well as a slew of code labs to keep you busy experimenting with new features!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This blog post will explain the new big changes in Flutter 3.10 that can help you build enhanced mobile apps efficiently and effectively.<\/p>\n","protected":false},"author":2,"featured_media":6821,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-6819","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-app-deveploment"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Flutter 3.10- What&#039;s New in Mobile and Web Development?<\/title>\n<meta name=\"description\" content=\"Explore the latest updates in Flutter 3.10 for web and mobile development. Stay ahead with the newest features. Read now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flutter 3.10- What&#039;s New in Mobile and Web Development?\" \/>\n<meta property=\"og:description\" content=\"Explore the latest updates in Flutter 3.10 for web and mobile development. Stay ahead with the newest features. Read now!\" \/>\n<meta property=\"og:url\" content=\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"Shiv Technolabs Pvt. Ltd.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ShivTechnolabs\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/kishan.2204\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-29T10:51:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-20T10:20:18+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1180\" \/>\n\t<meta property=\"og:image:height\" content=\"852\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kishan Mehta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KishanRMehta\" \/>\n<meta name=\"twitter:site\" content=\"@Shiv_Technolabs\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kishan Mehta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/\"},\"author\":{\"name\":\"Kishan Mehta\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#\/schema\/person\/881e4ba4247b26ad41c7f8284086ab5f\"},\"headline\":\"What&#8217;s New in Flutter 3.10 Web and Mobile?\",\"datePublished\":\"2023-05-29T10:51:13+00:00\",\"dateModified\":\"2024-12-20T10:20:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/\"},\"wordCount\":2778,\"publisher\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#organization\"},\"image\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png\",\"articleSection\":[\"Mobile App Deveploment\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/\",\"url\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/\",\"name\":\"Flutter 3.10- What's New in Mobile and Web Development?\",\"isPartOf\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png\",\"datePublished\":\"2023-05-29T10:51:13+00:00\",\"dateModified\":\"2024-12-20T10:20:18+00:00\",\"description\":\"Explore the latest updates in Flutter 3.10 for web and mobile development. Stay ahead with the newest features. Read now!\",\"breadcrumb\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#primaryimage\",\"url\":\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png\",\"contentUrl\":\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png\",\"width\":1180,\"height\":852,\"caption\":\"flutter developer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/167.86.116.248\/shivlab\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What&#8217;s New in Flutter 3.10 Web and Mobile?\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#website\",\"url\":\"http:\/\/167.86.116.248\/shivlab\/\",\"name\":\"Shiv Technolabs Pvt. Ltd.\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/167.86.116.248\/shivlab\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#organization\",\"name\":\"Shiv Technolabs Pvt. Ltd\",\"url\":\"http:\/\/167.86.116.248\/shivlab\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2022\/11\/stl-logo1.png\",\"contentUrl\":\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2022\/11\/stl-logo1.png\",\"width\":1280,\"height\":371,\"caption\":\"Shiv Technolabs Pvt. Ltd\"},\"image\":{\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/ShivTechnolabs\/\",\"https:\/\/x.com\/Shiv_Technolabs\",\"https:\/\/www.linkedin.com\/company\/shivtechnolabs\/\",\"https:\/\/www.instagram.com\/shivtechnolabs\/\",\"https:\/\/in.pinterest.com\/ShivTechnolabs\/\"]},{\"@type\":\"Person\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#\/schema\/person\/881e4ba4247b26ad41c7f8284086ab5f\",\"name\":\"Kishan Mehta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/167.86.116.248\/shivlab\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/07\/kishan-mehta-150x150.png\",\"contentUrl\":\"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/07\/kishan-mehta-150x150.png\",\"caption\":\"Kishan Mehta\"},\"description\":\"I am a dynamic and visionary Managing Director of Shiv Technolabs, a leading IT company at the forefront of innovation. With over a decade of hands-on experience in mobile app development, web development, and eCommerce solutions, I am a qualified professional. My expertise goes beyond technical proficiency, containing a keen understanding of evolving market dynamics. I have successfully delivered exceptional IT solutions, catering to the unique needs of entrepreneurs and businesses across diverse industries.\",\"sameAs\":[\"http:\/\/167.86.116.248\/shivlab\/\",\"https:\/\/www.facebook.com\/kishan.2204\",\"https:\/\/www.instagram.com\/kishanmehta2204\/\",\"https:\/\/www.linkedin.com\/in\/kishan-mehta\/\",\"https:\/\/x.com\/KishanRMehta\",\"https:\/\/www.youtube.com\/@ShivTechnolabs\"],\"url\":\"http:\/\/167.86.116.248\/shivlab\/author\/kishan_mehta\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flutter 3.10- What's New in Mobile and Web Development?","description":"Explore the latest updates in Flutter 3.10 for web and mobile development. Stay ahead with the newest features. Read now!","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":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/","og_locale":"en_US","og_type":"article","og_title":"Flutter 3.10- What's New in Mobile and Web Development?","og_description":"Explore the latest updates in Flutter 3.10 for web and mobile development. Stay ahead with the newest features. Read now!","og_url":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/","og_site_name":"Shiv Technolabs Pvt. Ltd.","article_publisher":"https:\/\/www.facebook.com\/ShivTechnolabs\/","article_author":"https:\/\/www.facebook.com\/kishan.2204","article_published_time":"2023-05-29T10:51:13+00:00","article_modified_time":"2024-12-20T10:20:18+00:00","og_image":[{"width":1180,"height":852,"url":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png","type":"image\/png"}],"author":"Kishan Mehta","twitter_card":"summary_large_image","twitter_creator":"@KishanRMehta","twitter_site":"@Shiv_Technolabs","twitter_misc":{"Written by":"Kishan Mehta","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#article","isPartOf":{"@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/"},"author":{"name":"Kishan Mehta","@id":"http:\/\/167.86.116.248\/shivlab\/#\/schema\/person\/881e4ba4247b26ad41c7f8284086ab5f"},"headline":"What&#8217;s New in Flutter 3.10 Web and Mobile?","datePublished":"2023-05-29T10:51:13+00:00","dateModified":"2024-12-20T10:20:18+00:00","mainEntityOfPage":{"@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/"},"wordCount":2778,"publisher":{"@id":"http:\/\/167.86.116.248\/shivlab\/#organization"},"image":{"@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#primaryimage"},"thumbnailUrl":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png","articleSection":["Mobile App Deveploment"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/","url":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/","name":"Flutter 3.10- What's New in Mobile and Web Development?","isPartOf":{"@id":"http:\/\/167.86.116.248\/shivlab\/#website"},"primaryImageOfPage":{"@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#primaryimage"},"image":{"@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#primaryimage"},"thumbnailUrl":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png","datePublished":"2023-05-29T10:51:13+00:00","dateModified":"2024-12-20T10:20:18+00:00","description":"Explore the latest updates in Flutter 3.10 for web and mobile development. Stay ahead with the newest features. Read now!","breadcrumb":{"@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#primaryimage","url":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png","contentUrl":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png","width":1180,"height":852,"caption":"flutter developer"},{"@type":"BreadcrumbList","@id":"http:\/\/167.86.116.248\/shivlab\/blog\/whats-new-in-flutter-3-10-web-and-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/167.86.116.248\/shivlab\/"},{"@type":"ListItem","position":2,"name":"What&#8217;s New in Flutter 3.10 Web and Mobile?"}]},{"@type":"WebSite","@id":"http:\/\/167.86.116.248\/shivlab\/#website","url":"http:\/\/167.86.116.248\/shivlab\/","name":"Shiv Technolabs Pvt. Ltd.","description":"","publisher":{"@id":"http:\/\/167.86.116.248\/shivlab\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/167.86.116.248\/shivlab\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/167.86.116.248\/shivlab\/#organization","name":"Shiv Technolabs Pvt. Ltd","url":"http:\/\/167.86.116.248\/shivlab\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/167.86.116.248\/shivlab\/#\/schema\/logo\/image\/","url":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2022\/11\/stl-logo1.png","contentUrl":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2022\/11\/stl-logo1.png","width":1280,"height":371,"caption":"Shiv Technolabs Pvt. Ltd"},"image":{"@id":"http:\/\/167.86.116.248\/shivlab\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ShivTechnolabs\/","https:\/\/x.com\/Shiv_Technolabs","https:\/\/www.linkedin.com\/company\/shivtechnolabs\/","https:\/\/www.instagram.com\/shivtechnolabs\/","https:\/\/in.pinterest.com\/ShivTechnolabs\/"]},{"@type":"Person","@id":"http:\/\/167.86.116.248\/shivlab\/#\/schema\/person\/881e4ba4247b26ad41c7f8284086ab5f","name":"Kishan Mehta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/167.86.116.248\/shivlab\/#\/schema\/person\/image\/","url":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/07\/kishan-mehta-150x150.png","contentUrl":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/07\/kishan-mehta-150x150.png","caption":"Kishan Mehta"},"description":"I am a dynamic and visionary Managing Director of Shiv Technolabs, a leading IT company at the forefront of innovation. With over a decade of hands-on experience in mobile app development, web development, and eCommerce solutions, I am a qualified professional. My expertise goes beyond technical proficiency, containing a keen understanding of evolving market dynamics. I have successfully delivered exceptional IT solutions, catering to the unique needs of entrepreneurs and businesses across diverse industries.","sameAs":["http:\/\/167.86.116.248\/shivlab\/","https:\/\/www.facebook.com\/kishan.2204","https:\/\/www.instagram.com\/kishanmehta2204\/","https:\/\/www.linkedin.com\/in\/kishan-mehta\/","https:\/\/x.com\/KishanRMehta","https:\/\/www.youtube.com\/@ShivTechnolabs"],"url":"http:\/\/167.86.116.248\/shivlab\/author\/kishan_mehta\/"}]}},"jetpack_featured_media_url":"http:\/\/167.86.116.248\/shivlab\/wp-content\/uploads\/2023\/05\/main-3.png","_links":{"self":[{"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/posts\/6819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/comments?post=6819"}],"version-history":[{"count":13,"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/posts\/6819\/revisions"}],"predecessor-version":[{"id":17130,"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/posts\/6819\/revisions\/17130"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/media\/6821"}],"wp:attachment":[{"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/media?parent=6819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/categories?post=6819"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/167.86.116.248\/shivlab\/wp-json\/wp\/v2\/tags?post=6819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}