DISCOVER FLUTTER — WEEK #30

Info about Flutter DevTools 2.0. and my advice on how to stay consistent with the goals you set

With the release of the Flutter 2.0 version, DevTools was renamed with Flutter DevTools to emphasize that it is a tool that should be used to debug Flutter apps. In addition, they have improved this tool a lot to make it easier for developers to find various bugs.

I will single out the next three improvements on this topic.

1. IDE can now recognize in which situations DevTools needs to be activated

With the new version of Flutter and Flutter IDE extensions, your IDE can now recognize, in certain situations, when you need to activate the dev tool. This is done, for example, when you have layout overflow exceptions.

Pressing the button that…


DISCOVER FLUTTER WEEK #28

Notes From Flutter Engage Event

Photo by Casey Horner on Unsplash

On March 3rd, Google released Flutter 2, a massive upgrade to their cross-platform visual application development toolset.

This Flutter release is a huge step forward since they have announced several important changes.

Web Is Production Ready

The Flutter for Web has been promoted and its support has transitioned from beta to the stable channel. Now, when you create a Flutter app using Flutter 2, Web is just another possible target for your app.

So for now, we have iOS, Android, and Web as production-ready.

Desktop Is In Beta

The next big announcement is that with Flutter 2 Google is offering support for developing desktop native (Windows, Mac, and…


DISCOVER FLUTTER — WEEK #29

New Feature In Flutter 2.0

Photo by Nikola Knezevic on Unsplash

One of the many improvements with the arrival of the Flutter 2 and Dart 2.12 version is the Flutter Fix feature.

Flutter Fix combines a Dart command-line tool with changes suggested by the Dart analyzer to automatically clean up deprecated APIs in your code.

This feature has also been implemented to IDE plugins for Flutter (2.0) and Dart (2.12). Depending on the IDE you use, these updates are sometimes called quick-fixes (IntelliJ, Android Studio, Eclipse) or code actions (VS Code).

With the help of Flutter Fix, you can make individual or project-wide fixes.

Bring Individual Fix Into Play

You can use any of the existing…


Discover Flutter — Week #13

One of the most common questions in Flutter job interviews

Person taking in outdoor view at night
Person taking in outdoor view at night
Photo by Ken Cheung on Unsplash.

Unlike stateless widgets that we have to destroy and create again every time we want to make some change, stateful widgets have mutable state.

One of the questions that often appear in job interviews revolves around the lifecycle of a stateful widget, hence the article dedicated to this topic.

Seven Cycles of StatefulWidget

When Flutter builds a stateful widget, it first executes the constructor function of the widget and then calls the createState() method. If we look at the stateful widget, the constructor function is executed first. …


DISCOVER FLUTTER — WEEK #27

The best packages that I discovered in February 2021

Photo by Casey Horner on Unsplash

It’s time for my March recommendations for Flutter packages. Here are my top five discoveries related to this topic.

1. The First Impression Is Important | Option 1

This would be one of the packages that I recommend for this topic.

I think that the onboarding process is a user’s first impression of your app and it is very important to be properly designed because it directly affects and increases the likelihood of successful adoption.

When a user launches your app for the first time, the onboarding process provides instructions that highlight key benefits and features.


DISCOVER FLUTTER — WEEK #26

Photo by Casey Horner on Unsplash

Learning some tips can really make a difference in your long-term productivity in Flutter. This is why today’s article will be dedicated to the next three hacks.

1. Use packages

I pay a lot of attention to researching new packages on pub.dev in my articles.

Don’t waste time making something from scratch, when there’s probably a package made for it.

2. Use linting

Use linting, because it is easier to work with rules.

A lint package is great for identifying errors when you use standard rules because this collection of rules follows the Effective Dart: Style Guide. …


DISCOVER FLUTTER — WEEK #25

Contains animations for commonly-desired effects

Photo by Casey Horner on Unsplash

The Flutter team last year shipped a new stable version of its cross-platform mobile framework. This new version includes a lot of new features, and in this article, I want to pay attention to its animations package.

This package allows developers to implement commonly desired animation patterns in mobile app development.

There are currently four transition patterns available in the package:

  1. Container transform
  2. Shared axis transition
  3. Fade through transition
  4. Fade transition

Container Transform

According to the specification the container transform pattern is designed for transitions between UI elements that include a container. This pattern creates a visible connection between two UI elements.


DISCOVER FLUTTER — WEEK #24

Photo by Joshua Earle on Unsplash

Flutter Roadmap 2021

In Flutter Roadmap 2021, the Flutter team release their areas of focus for this year. I will single out the next important features of this roadmap:

Null safety

The Flutter team is close to achieving null-safety in Dart, which at this time is in beta version. Null safety is a language feature that adds an extra layer of protection against null-related errors, by enabling the compiler to detect instances where a null value may be produced and ensure handling.

Android and iOS

They are introducing dynamic assets. That means that you can get assets dynamically from the Internet, whenever you need them. …


DISCOVER FLUTTER — WEEK #23

The best packages that I discovered in January 2021

Photo by Joshua Earle on Unsplash

It’s time for my February recommendations for Flutter packages. Here are my top five discoveries related to this topic.

1. Monitor Your Progress Easily With Progress Bar

Monitoring any type of progress is essential for growth. A great library that provides a highly customizable circular slider/progress bar and spinner is the sleek_circular_slider Flutter package.


DISCOVER FLUTTER — WEEK #22

Photo by eberhard grossgasteiger on Unsplash

Screen orientation is very important from the user’s point of view, especially when it comes to mobile games. In that case, you may need to set the orientation of the application to fix direction.

In this article, we will learn how to set the screen orientation and how to extract information about which type of orientation is currently set.

Setting Screen Orientation

  1. Import the services package.
import 'package:flutter/services.dart';

2. Change the main() method, and apply the following code:

void main() {
WidgetsFlutterBinding.ensureInitialized(); SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeLeft]).then((_){
runApp(MyApp());
});
}

setPrefferedOrientations of the SystemChrome class is the key method in which you can set preferred orientation. …

Jelena Jovanoski

On my journey to become a Flutter dev I will be sharing knowledge by writing short texts about what new know-how’s I’ve learned, in the next 30 weeks.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store