Discover Flutter – Week #14
The best packages that I discovered in November 2020
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
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
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
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
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
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
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:
- Container transform
- Shared axis transition
- Fade through transition
- 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
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
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
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
- 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.
