Flutter Challenge #2 - Perspective Animation

Fawaz Joseph — Sun, 15 Sep 2019 17:10:05 +0000

Who am I?

My name is Fawaz Joseph. I am mainly a Java developer who came across Flutter and fell in love. I am still learning the ins and out of Flutter and I am documenting any challenges I come across for a couple of reasons.

To see if there is a better way to do it.
To make sure I know it since I will be at the mercy of strangers
To help people who are learning Flutter as well

The Challenge

The current challenge is Social Share

This is my first attempt at perspective animation and It was a blast. I learned a lot about Matrix4 and the Transform class. I am also trying out a new format for my videos where I explain a finished codebase instead of coding it from the start

Without further ado:

Look out for more stuff from me
Twitch stream - Where I practice the challenges
Flutter Newsletter - Weekly Roundups of Interesting Flutter news, articles, videos, e.t.c
YouTube Channel - Flutter Challenges

Flutter UI Challenge with Flare

Fawaz Joseph — Sun, 01 Sep 2019 19:08:34 +0000

Who am I?

To see if there is a better way to do it.
To make sure I know it since I will be at the mercy of strangers
To help people who are learning Flutter as well

The challenge

I have actually already started a series of videos on Flutter UI Challenges. The format of this challenge is that I see a UI mockup usually on dribble and I try to make it with Flutter.

The current challenge is the Tab Bar

I had already tried this challenge but I ran into an issue that I actually ran into an issue that I reported to the Flutter team

Shout outs to the Flutter team for the way they handled it. This is my first time reporting an issue at all so I am very impressed

The first video ended with a "cliffhanger" if you will because of this issue, At the end of the video, One of the ways I suggested to getting around it was Flare. It took me two weeks but I finally delivered on my promise. I did the first challenge with Flare and I am definitely drinking the Flare kool-aid. I am probably doing all the future challenges with Flare.

This is my first exercise with Flare and I swapped out so many codes for maybe 3 lines of codes.

This video has me creating one of the four animations and then using them in Flutter. It was a learning experience for me on so many levels. I hope you can take away something from this video.

Without further ado, the video

DEV Community: Fawaz Joseph

Flutter Challenge #2 - Perspective Animation

Who am I?

The Challenge

Flutter UI Challenge with Flare

Who am I?

The challenge