Making software in 2022
📱 4 / 100 Days Of Flutter, Kate's edition — custom widget and the roadmap to Flutter Development

📱 4 / 100 Days Of Flutter, Kate's edition — custom widget and the roadmap to Flutter Development

Kate's photo
Kate

Hi, Hashnode community! 👋

It's the 4th day of my 100 Days Of Flutter challenge.

I have to admit it's not easy to find time for both learning and writing notes for this blog during a working day. I need to come up with a good schedule before I burn out ❤️‍🔥

Let's see what I've accomplished today.

My first custom widget

As part of my Udacity course (see day 3) I created a custom list tile widget.

The original task: github.com/flutter/udacity-course/tree/mast..

What I learned while working on this small widget:

  • How to pass required parameters to a custom widget
  • How to use SizedBox, InkWell, Padding and Row widgets
  • How to use ColorSwatch type (a small table of related colours)
  • How to record a video from the simulator developer.android.com/studio/debug/am-video (I didn't manage to convert it to GIF, though)

I'll keep working on Udacity tasks and eventually I should build the “Units Converter” app.

The roadmap to Flutter Development (and where am I on it)

When I started my challenge I didn't have any particular plans. Today I found “Highly Subjective Roadmap to Flutter Development” by Oleksandr Leushchenko. I really like the idea of a structured roadmap. It should help me pick the right topics for learning.

It's now obvious that I should dedicate some time to Dart specifically as it's marked as Must Have at the very beginning of the roadmap.

image.png

Widget of the day - Center

In Flutter it's even easier to centre an element than on the web. Center - is my favourite widget so far. Nice and simple. 

              Center(
                  child: const Text("I'm centered!")
              ),

Center widget has some advanced properties but I haven't tested them yet.

Summary

Today I started working with basic Flutter widgets such as SizedBox, InkWell, Padding, Row, etc. It felt slow and frustrating at times because each widget has its specifics and tricks. My favourite widget so far is Center because it's very simple.

Tomorrow I will continue my journey. Give me a follow to stay updated on my progress 😻

Flutter100DaysOfCodelearning