• Courses
  • YouTube
  • Dev News
  • Technology
  • Blogs
  • Flutter Jobs
  • Contact
    • About Us
    • RegisterLogin
    Navoki
    • Courses
    • YouTube
    • Dev News
    • Technology
    • Blogs
    • Flutter Jobs
    • Contact
      • About Us
    • RegisterLogin

      Dart

      • Home
      • Blog
      • Dart
      • Flutter 2 is here | What’s new in Flutter 2.0.0
      Whats-New-In-Flutter-2.0.0

      Flutter 2 is here | What’s new in Flutter 2.0.0

      • Posted by Shivam Srivastava
      • Categories Dart, Developers, Flutter, Flutter Desktop, Flutter Mobile, Flutter Web
      • Date March 22, 2021
      • Comments 1 comment
      Spread the love
      Contents hide
      1 1. Introduction
      2 2. Flutter Web Development
      2.1 What type of Web Apps you can make ?
      2.2 Hyperlinks in Flutter Web
      2.3 Text selection
      3 3. Flutter Desktop Development
      3.1 Canonical
      3.2 Performance and stability
      4 4. New Widgets
      5 5. Google Mobile Ads SDK for Flutter
      6 6. New iOS features
      7 7. Multiple Flutter instances
      8 8. Flutter Fix
      9 9. Null-safety
      10 Conclusion
      10.1 Please login to bookmark

      1. Introduction

      Flutter event on the 3rd of March, Flutter 2.0.0 release was announced. Flutter 2 comes with a significant upgrade to Flutter that enables developers to create beautiful, fast, and portable, stable apps for any platform, i.e. on iOS, Android, Web, Windows, macOS, and Linux. Previously Flutter was more about Mobile apps (Android and iOS), but now it’s gone beyond. Here are the main point to Flutter 2.0.0 :


      2. Flutter Web Development

      The most significant announcement was stable production-quality web apps with Flutter SDK. The reusability of Flutter and Dart code is on another level. That means your Mobile apps and Web app will share logic and UI code, hence decreasing production apps’ development time. You can add rich interactive web applications with access to OS and hardware, 2D & 3D graphics, Flexible Responsive UI Layouts, including features advantage modern browser offer these days.


      What type of Web Apps you can make ?

      Flutter 2.0 Web App Example Dashboard

      1. Single page apps – A simple developer’s resume website.
      2. Multi Page apps – A app like QR Code generator. Consist of Logic code and Local Storage thru any browser,
        you can try this FREE COURSE QR Code Generator to make this app. Source code available here.
      3. Progressive web apps (PWAs) – that combine the web’s reach with the capabilities of a desktop app. An example of such app is Navoki Notes Demo App
      4. Existing Mobile app to Web App – Navoki Notes Demo App is also an example of making mobile app to Web App without any extra coding.

      Flutter is written in Dart, which converts in JavaScript for Web Browser. This makes Dart share UI and logic among platforms, so from a Developers point of view (coding), nothing has changed, and in a Single Framework, the final compilation that provides a platform app

      FLUTTER MOBILE ARCHITECTURE

      Flutter-Mobile-Architectural-Overview


      FLUTTER WEB ARCHITECTURE

      Flutter-Web-Architectural-Overview


      Hyperlinks in Flutter Web

      Now you can create hyperlinks on Text and Image just like used in HTML pages using Link class. To use this hyperlink feature add package url_launcher package to your project.

      Text selection

      Text selection was improved. Also, now Copy/Cut/Paste options exist and work properly, it still requires some updates. Find more details about this stable release in Flutter’s web support blog post.


      3. Flutter Desktop Development

      Navoki-Notes-Flutter-Desktop-App-Example-Production-Flutter-2.0

      You can follow this project of mine or watch tutorial if you want Flutter Desktop Setup on your Windows, macOS or Linux, but still flutter desktop has long way to go. Key features announced were:

      Canonical 

      Canonical support is added for Flutter Desktop App for LINUX. You can also publish Flutter Desktop App in SnapStore If you wan to learn How to Make and Publish Flutter Desktop app on Snapstore watch this tutorial.

      Navoki Notes app is an example of flutter desktop app. Read more on Flutter Desktop here

      Performance and stability

      Performance and stability have been improved, general use of Keyboard and Mouse support added in Flutter Desktop projects. There are still many bugs and crashed in Desktop App so make sure what you make for public distribution.=


      4. New Widgets

      1. ReorderableListView, upgrade includes a grab handle suitable for mouse or touch input.
      2. Scrollbar, updated to provide the interactive features expected on the desktop, including the ability to drag the thumb, click on the track to page up and down, and to show a track when the mouse hovers over any part of the scrollbar
      3. Open the file in desktop using command line
      4. AutocompleteCore, get auto-complete functionality into your Flutter app.
      Autocompletecore-Flutter-Example


      5. Google Mobile Ads SDK for Flutter

      Google-Mobile-Ads-Flutter-Package

      New Flutter package in beta for Google Ads. This plugin will support inline banner, native ads, overlay banner, interstitial, and rewarded video ads

      6. New iOS features

      This release many issue related iOS platform apps.

      1. Build an IPA directly from the command line without opening Xcode.
      2. CupertinoSearchTextField, offers search bar UI in iOS.
      3. CupertinoFormSection, CupertinoFormRow, and CupertinoTextFormFieldRow widgets to make validated form fields with iOS’s sectioned visual aesthetics
      Cupertinoformsection-Cupertinoformrow-Cupertinotextformfieldrow

      7. Multiple Flutter instances

      Add-to-app, is a way to reuse your Flutter code across both mobile platforms with your existing native code base. Flutter instances had the same memory cost in single instance but now can create multiple instance of App.

      Add-To-App-Flutter-Multiple-Instances

      8. Flutter Fix

      Flutter Fix is a combination of things. A new flutter command tool called dart fix which looks list of deprecated APIs.

      Flutter-Fix-Example-Code

      9. Null-safety

      The major changes was adding null-safety feature. Its been added to null-safety third-party packages as well as the Google-developed packages but many packages still not upgraded to this . Null safety brings compiler optimizations and reduces the chance of runtime.

      int? a = 1

      Conclusion

      This is the best time to get started with flutter sdk and get a JOB, there has been lots of flutter developers demand in industry. So START NOW and setup flutter sdk.

      Bookmark(4)

      Please login to bookmark

      Continue with Google
      +1

      Tag:dart programming language, flutter 2, flutter 2.0, flutter apps, flutter commands, flutter desktop app example, flutter event on 3rd march, flutter for desktop, flutter sdk, flutter sdk 2.0.0, flutter setup in window, Flutter setup with Ubuntu, flutter tutorial for beginners, flutter upgrade, flutter web app example, flutter web online course, What's new in Flutter 2

      • Share:
      author avatar
      Shivam Srivastava

      Mobile Solution [email protected], Android and Flutter Dev, Dart ,Founder of @Navoki, Instructor

      Previous post

      14 Flutter Commands a Developer must know, Cheat Sheet
      March 22, 2021

      Next post

      Linux Desktop app with Flutter | Publish on Snapcraft Tutorial
      August 4, 2021

      You may also like

      everything-about-flutter-3-in-google-i-o-2022 navoki.com
      Everything about Flutter 3 in Google I/O 2022
      12 May, 2022
      Flutter-Web-CORS-Error-SOLVED-Navoki.com
      [SOLVED] Flutter Web CORS Error
      4 May, 2022
      How Video Call works in Flutter
      How Incoming Video Call Notification works in Flutter
      15 April, 2022

        1 Comment

      1. Maniram Repaswal
        April 3, 2021
        Log in to Reply

        good blog

      Leave A Reply Cancel reply

      You must be logged in to post a comment.


      Categories

      • Android
      • Dart
      • Dart Server
      • Dart Web
      • Developers
      • Flutter
      • Flutter Desktop
      • Flutter Mobile
      • Flutter Web
      • Fuchsia
      • Go Lang
      • Technology
      • Uncategorized

      Recent Post

      • Everything-About-Flutter-3-In-Google-I-O-2022 Navoki.comEverything about Flutter 3 in Google I/O 2022
      • Flutter-Web-Cors-Error-Solved-Navoki.com[SOLVED] Flutter Web CORS Error
      • How Video Call Works In FlutterHow Incoming Video Call Notification works in Flutter

      Subscribe Now

       

      Recent Courses

      Single And Multi Selection Listview In Flutter

      Single and Multi Selection ListView in Flutter

      Go Installation And Variables

      Go Installation and Variables

      List In Dart Programming Language

      List in Dart Programming language

      Variables In Dart Programming Language

      Variables in Dart Programming language

      View All

      DON’T MISS
      FLUTTER UPDATES

      Be the first to know when our blog is published.

      flutter-mobile-mockup

      Check your inbox or spam folder to confirm your subscription.

      Contact

      •   Navoki Technologies Pvt. Ltd.
        JMD Megapolis , Sector 48, Gurugram, Haryana 122018

      Company

      • About Us
      • Blogs
      • Contact
      • Privacy policy
      • Terms & Condition

      Useful Links

      • Courses
      • Youtube
      • Dev News

      Mobile

      Click and Get started in seconds

      "Navoki" is a registered trademark of Navoki.com ® 2020–2030 Navoki Technologies Pvt Ltd.

      • Terms & Condition

      Login with your site account

      Continue with Google

      By "Sign in” above to accept Navoki’s Terms of Service & Privacy Policy.

      Not a member yet? Register now

      Register a new account

      Continue with Google

      By "Sign Up” above to accept Navoki’s Terms of Service & Privacy Policy.

      Are you a member? Login now