Discover Flutter – Week #14

The best packages that I discovered in November 2020

a snowy mountain peak against a background of a rosy sky
a snowy mountain peak against a background of a rosy sky
Photo by Jacek Dylag on Unsplash

And it’s time for coats, hats, crafts, snow, Santa Claus in the Coca-Cola commercial, and for my December recommendations for Flutter packages. Here are my top five discoveries related to this topic.

1. Alert, Alert, Great Alert Dialog!

There are various packages for alert dialogs, but I would single out this one where you can display an image or GIF next to the warning text. I don’t know if it’s because I generally like drawings and animations, but in my opinion, this has a much better effect from the user’s point of view.


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 #12

person sail-gliding in steep mountains
person sail-gliding in steep mountains
Photo by Leonardo Yip on Unsplash

I don’t know about you, but I love having shortcuts on my phone that give me quick access to some action.

I was thinking in the direction of whether there is a widget that will provide such a look in your app and discovered the ToggleButtons widget.


DISCOVER FLUTTER — WEEK #11

Greet your users with a welcoming, professional splash screen when they open your app

The silhouette of a man standing by his bike at sunset.
The silhouette of a man standing by his bike at sunset.
Photo by Aziz Acharki on Unsplash

Since it’s not possible to override the default splash screen, any splash-screen widget you create inside Flutter will show but only after the default splash screen — you’ll have a white screen until Flutter finishes its loading, and that’s bad design.

Our challenge now is to discover how to customize the default Flutter splash screen.

1. Prepare Your Logo Image for Different Device Dimensions

Not everyone may start from this point, but I think it’s encouraging to prepare all of the inputs and to bring the idea we have in mind to reality as closely as possible.

A great generator for all of the icons and images you need…


DISCOVER FLUTTER — WEEK #10

The best packages that I discovered in November 2020

Hiker standing on a mountain
Hiker standing on a mountain
Photo by Félix Lam on Unsplash.

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

1. Graphs Are Worth More Than a Thousand Words

Before I decided to completely change the direction of my career, I was an auditor at one of the “Big 4” companies. As a former auditor, charts are a very important thing. Just as a picture is worth a thousand words, so is a chart. End-users will appreciate if your app has this feature.

There is no better library that supports pie charts, bar charts, line charts, etc. than fi_chart. It is also very easy to customize the look and feel…


DISCOVER FLUTTER — WEEK #26

Image for post
Image for post
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

Image for post
Image for post
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

Image for post
Image for post
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:

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.

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

Image for post
Image for post
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

Image for post
Image for post
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.

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

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