Flutterexperts

Empowering Vision with FlutterExperts' Expertise
Explore Flutter 1.17 & Dart 2.8

Introduction

Welcome to the new version of “WORLD OF WIDGETS” and “Dart”. In this post, we shall discuss about the new updates of flutter and dart together. Let’s explore the new changes with me in this blog.


Table of Content

  1. Dart 2.8
  2. Flutter 1.17

Dart 2.8

There are two changes made by the Dart team in the Dart 2.8 SDK:-

  1. Improves performance in Pubget.
  2. Keeps our packages dependencies up-to-date.

flutter pub updated

Here is what is got when I run the pub outdated or fluter pub outdated command from my terminal.

C:\Users\anmol seth\AndroidStudioProjects\dialog_box>flutter pub outdated
Dependencies Current Upgradable Resolvable Latest
giffy_dialog *1.6.1 1.7.0 1.7.0 1.7.0

dev_dependencies: all up-to-date

transitive dependencies
collection *1.14.11 1.14.12 1.14.12 1.14.12
flare_dart *2.3.2 2.3.4 2.3.4 2.3.4
flare_flutter *1.8.3 2.0.3 2.0.3 2.0.3

transitive dev_dependencies
archive *2.0.11 2.0.13 2.0.13 2.0.13
args *1.5.2 1.6.0 1.6.0 1.6.0
async *2.4.0 2.4.1 2.4.1 2.4.1
boolean_selector *1.0.5 2.0.0 2.0.0 2.0.0
charcode *1.1.2 1.1.3 1.1.3 1.1.3
crypto *2.1.3 2.1.4 2.1.4 2.1.4
image *2.1.4 2.1.12 2.1.12 2.1.12
path *1.6.4 *1.6.4 *1.6.4 1.7.0
pedantic *1.8.0+1 - - 1.9.0
petitparser *2.4.0 *2.4.0 *2.4.0 3.0.2
quiver *2.0.5 2.1.3 2.1.3 2.1.3
source_span *1.5.5 1.7.0 1.7.0 1.7.0
test_api *0.2.11 0.2.15 0.2.15 0.2.15
xml *3.5.0 *3.6.1 *3.6.1 4.1.0

15
upgradable dependencies are locked (in pubspec.lock) to older versions.
To update these dependencies, use `pub upgrade`.

I got the suggestion regarding my current version and also the latest version available.

We can run pub upgrade to update these dependencies.


Flutter 1.17

The following changes are made in Flutter 1.17:-

  1. Google fonts
  2. Better performance
  3. Metal Support for ios
  4. New widgets / Updated Widgets
  5. Material Text Scale
  6. App size improvement
  7. Network tracking Tools
  8. Hot reload improved
  9. Default use of Android X
  10. Samsung keyboard issue solved
  11. Updated the scrolling and text input widget

Google Fonts

This package is fantastic it provides us google_fonts API.

It provides us 977 read to use fonts without storing in our assets folder and mapped in pubspec.

Required Package

google_fonts | Flutter Package
The google_fonts package for Flutter allows you to easily use any of the 977 fonts (and their variants) from…pub.dev

import GoogleFonts

import 'package:google_fonts/google_fonts.dart';

use google _fonts

Text(
'This is Google Fonts',
style: GoogleFonts.lato(),
),

use google _fonts with TextStyle

Text(
'This is Google Fonts',
style: GoogleFonts.lato(
textStyle: TextStyle(color: Colors.blue, letterSpacing: .5),
),
),

google_fonts Theme()

MaterialApp(
theme: ThemeData(
textTheme: GoogleFonts.latoTextTheme(
Theme.of(context).textTheme,
),
),
);

Better Performance

  1. Faster and clear animation
  2. smaller apps
  3. lower memory utilization
  4. 20 % to 40 % better navigation
  5. 40 % reduction in CPU/GPU
  6. Better scrolling with less Memory Usage

Metal Support for ios

  1. Provides direct access to the GPU
  2. Reduced app frame rendering time

New Widgets / Updated Widgets

  1. NavigationRail
  2. New DatePicker
  3. Better Text Selection menu

NavigationRail()

A material StatefulWidget that is meant to be displayed at the left or right of an app to navigate between a small number of views, typically between three and five.

Properties

NavigationRail class
A material widget that is meant to be displayed at the left or right of an app to navigate between a small number of…api.flutter.dev

Example

https://gist.github.com/anmolseth06/e71626ea5540857a1dd9e2e013b3149c#file-navigation_rail_example-dart

DatePicker(), NavigationRail() and New Text input mode

DatePicker has been updated according to the material design and also text input mode.

You can see the Material Design of DatePicker : –

Material Design
Build beautiful, usable products faster. Material Design is an adaptable system-backed by open-source code-that helps…material.io

Material Text Scale

Source: https://medium.com/flutter/announcing-flutter-1-17-4182d8af7f8e

Thanks for reading this article ❤

If I got something wrong? Let me know in the comments. I would love to improve.

Clap 👏 If this article helps you.

If we got something wrong? Let me know in the comments. we would love to improve.


Feel free to connect with us:
And read more articles from FlutterDevs.com

FlutterDevs team of Flutter developers to build high-quality and functionally-rich apps. Hire flutter developer for your cross-platform Flutter mobile app project on an hourly or full-time basis as per your requirement! You can connect with us on Facebook, GitHub, Twitter and linkedIn for any flutter related queries.

We welcome feedback, and hope that you share what you’re working on using #Flutter. We truly enjoy seeing how you use Flutter to build beautiful, interactive web experiences!

Thank you for reading. 🌸

Leave comment

Your email address will not be published. Required fields are marked with *.