Content Source:
- jaxenter.com
- hub.packtpub.com
What’s new in Flutter 1.2
Ongoing vision with Flutter is to provide a portable toolkit for building stunning experiences wherever you might want to paint pixels on the screen. With every release, we continue to push towards ensuring that Flutter is fast, beautiful, productive and open for every platform we support. In Flutter 1.20, which is released today to our stable channel, Flutter has improvements for every one of these four pillars.
Autofill for mobile text fields
One of the #1 most requested Flutter features for a while has been to support the underlying Android and iOS support for text autofill in Flutter programs. With PR 52126, we’re pleased to say that the wait is over — no more asking your users to re-enter data that the OS has already gathered for them.
Autofill in action
Pic courtesy: medium.com
You’ll be pleased to hear that we’ve already started adding this functionality for the web, as well.
A new widget for common patterns of interaction
This release introduces a new widget, the InteractiveViewer. The InteractiveViewer is designed for building common kinds of interactivity into your app, like pan, zoom, and drag ‘n’ drop, even in the face of resizing, which this simple Go board sample demonstrates.
Zooming, panning, resizing, dragging and dropping with the InteractiveViewer
Pic courtesy: medium.com
To see how to integrate the InteractiveViewer into your own app, check out the API documentation where you can play with it in DartPad. Also, if you’d like to hear about how the InteractiveViewer was designed and developed, you can see a presentation by the author for Chicago Flutter on YouTube.
If you’re interested in adding the kind of interactivity to your Flutter app that InteractiveViewer enables, then you’ll probably also be happy to hear that we’ve added more capabilities to drag ‘n’ drop in this release. Specifically, if you’d like to know precisely where the drop happened on the target widget (it’s always been available to the Draggable object itself), now you can get that information with the DragTarget onAcceptDetails method.
Pic courtesy: medium.com
New drag target accept details in action
Check out this sample for the details and look forward to a future release that will make this information available during the drag as well so that the DragTarget can more easily provide visual updates during a drag operation.
Updated Material Slider, RangeSlider, TimePicker, and DatePicker
In addition to new widgets, this release includes a number of updated widgets to match the latest Material guidelines. These include Slider and RangeSlider. For more information, see What’s new with the Slider widget?
Pic courtesy: medium.com
updated Material Slider
Pic courtesy: medium.com
DatePicker has been updated to include a new compact design as well as support for date ranges.
Pic courtesy: medium.com
And finally, TimePicker has a completely new style.
Pic courtesy: medium.com
If you’d like to play around with it, here’s a fun web demo built with Flutter.
Responsive Licenses page
Another update this release is the new responsive licenses page available from the AboutDialog.
Pic courtesy: medium.com
PR 57588, from community contributor TonicArtos, is not only updated to match Material guidelines, making it just plain nice to look at, but it’s easier to navigate and designed to work as well on tablets and desktops as on phones. Thanks, TonicArtos! Since every Flutter app should be showing the licenses for the packages they’re using, you just made every Flutter app better!
New pubspec.yaml format required for publishing plugins
Of course, Flutter isn’t just the widgets; it’s also the tooling and this release comes with too many updates to mention. However, here are some of the highlights.
First and foremost, a public service announcement: if you’re a Flutter plugin author, then the legacy pubspec.yaml format is no longer supported for publishing plugins. If you try, you’ll get the following error message when executing pub publish:
Pic courtesy: medium.com
The old format did not support specifying which platforms your plugins support, and has been deprecated since Flutter 1.12. The new pubspec.yaml format is now required for publishing new or updated plugins.
For clients of plugins, the tools still understand the old pubspec format and will for the foreseeable future. All existing plugins on pub.dev using the legacy pubspec.yaml format will continue to work with Flutter apps for the foreseeable future.
Preview of embedded Dart DevTools in Visual Studio Code
The biggest tooling update in this release comes to the Visual Studio Code extension, which provides a preview of a new feature to enable you to bring Dart DevTools screens directly into your coding workspace.
Pic courtesy: medium.com
Preview of Layout Explorer from Dart DevTools embedded into Visual Studio Code
Enable this feature with the new dart.previewEmbeddedDevTools setting. The above screenshot shows the Flutter Widget Inspector embedded directly into Visual Studio Code but with this new setting enabled, you can choose your favorite page embed using the Dart DevTools menu on the status bar.
Pic courtesy: medium.com
This menu allows you to choose which pages to show.
Pic courtesy: medium.com
This feature is still in preview, so let us know if you have any trouble with it.
Updates to network tracking
The latest version of Dart DevTools comes with an updated version of the Network page that enables web socket profiling.
Pic courtesy: medium.com
Timing, status and content type of socket connections on the Network page of Dart DevTools
The Network page now adds timing information to the network calls from your app, along with other information like status and content type. Additional improvements have been made to the details UI to provide an overview of the data in a websocket or http request. We’ve also got more plans for this page to include HTTP request/response bodies and monitoring gRPC traffic.
Updating import statements on file rename
Another new feature for Visual Studio Code is updating imports on rename, which automatically updates import statements when files are moved or renamed.
Pic courtesy: medium.com
moving Dart files in Visual Studio Code updates the import statements
This feature currently only works for single files and not multiple files or folders, but that support is coming soon.
For more information and to develop mobile apps using Flutter, Hire Flutter Developer from us as we give you a high-quality product by utilizing all the latest tools and advanced technology. E-mail us any clock at – hello@hkinfosoft.com or Skype us: “hkinfosoft”. To develop Mobile Apps using Flutter, please visit our technology page.
Content Source:
- medium.com
Flutter 1.2: First Feature Update Release
One year after the announcement of the first beta of Flutter, the team returns with the first feature update for Google’s mobile UI framework!
Flutter 1.2 is evidence of how much this framework has grown over the past year. This release focuses on three main areas: the improved stability, performance, and quality of the core framework; the work to polish visual finish and functionality of existing widgets; the new web-based tooling for developers building Flutter applications.
Let’s have a look at the highlights of Flutter 1.2.
As the first feature update for Flutter, the 1.2 release brings some major improvements and important updates that include:
- Improved testing and code infrastructure
- Improved performance and quality of the overall framework
- Broader support for new UI languages
- including support for floating cursor text editing
- Support for a broader set of animation easing functions
- Support for new keyboard events and mouse hover support in preparation for deeper support for desktop-class operating systems
- Support for in-app purchases
Improved Material and Cupertino widget sets
The team has been putting their efforts into improving the Material and Cupertino widget sets. Now developers will have more flexibility when using Material widgets. For Cupertino widgets, they have added support for floating cursor text adding on iOS. This can be triggered by either force pressing the keyboard or by long pressing the spacebar.
Support for Android App Bundles
Flutter 1.2 supports Android App Bundles, a new upload format that includes all the app’s compiled code and resources. This format helps in reducing the app size and enables new features like dynamic delivery for Android apps.
Dart 2.2 SDK becomes available with Flutter 1.2
This release includes the Dart 2.2 SDK. The Dart 2.2 comes with significant performance improvements to make ahead-of-time compilation even faster and a literal language for initializing sets. It also introduces Dart Common Front End (CFE) that parses Dart code, performs type inference, and translates Dart into a lower-level intermediate language.
In addition to the new updates and improvements featured in Flutter 1.2, the team announced the availability of a new web-based suite of programming tools. These tools aim to help Flutter developers debug and analyze apps. You can install these tools alongside the extensions and add-ins for Visual Studio Code and Android Studio. Here are the capabilities they offer:
Widget inspector – Enables visualization and exploration of the tree hierarchy that Flutter uses for rendering.
Timeline view – Helps you diagnose your application at a frame-by-frame level, identifying rendering and computational work that may cause animation ‘jank’ in your apps.
Full source-level debugger – Lets you step through code, set breakpoints and investigate the call stack.
Logging view – Shows activity you log from your application as well as network, framework and garbage collection events.
Check out the official announcement to find out more information about these tools, as well as all the updates featured in Flutter 1.2.
For more Information and to build mobile apps using Flutter, Hire Flutter Developer from us as we provide you high-quality services by utilizing all the latest tools and advanced technology. E-mail us any clock at – hello@hkinfosoft.com or Skype us: “hkinfosoft“.
To develop Mobile Apps using Flutter, please visit our technology page.
