On The Shoulders of Giants

A "Get Your Hands Dirty" project to learn Flutter

Useful Links

4: Creators: UI and Layout

Our first complex UI. We design and implement the Creators page. We also start learning about constructors in Dart.


The Creators Page

We'll start fleshing out the central idea of the app, which is the Creators page.

SplashScreen

Time to Code


Step 1: Skeleton

Creating a skeleton for the Creators page.

See exact code changes made in this step here.

Step 2: Dart: Functions

A 101 on Dart functions.

See exact code changes made in this step here.

Step 3: Dart: Named Parameters

Using Named Parameters.

See exact code changes made in this step here.

Dive Deeper


Step 4: Dart: Classes

A 101 on Dart classes.

See exact code changes made in this step here.

Step 5: Dart: Initializing Formals

Using classes the Dart way.

See exact code changes made in this step here.

Dive Deeper


Step 6: Back to the Creators Page

Placing the creator image, name, follower count.

See exact code changes made in this step here.

Dive Deeper


Step 7: Buttons!

Adding a couple of buttons.

See exact code changes made in this step here.

Dive Deeper


Step 8: The Backdrop

Adding a blurred backdrop to the Profile.

See exact code changes made in this step here.

Dive Deeper


Step 9: The Final Touches

Adding the final touches to the Creators page.

See exact code changes made in this step here.